Анализ сайта 3435vcards.com
Основное Готовность: 75%
Домен
3435vcards.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://3435vcards.com
302 Found
https://shop.arianagrande.com/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 03.11.2026 20:07:45.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~1,00сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,00сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
586Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 586Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 31
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 31 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | text/css | //shop.arianagrande.com/cdn/shop/t/140/assets/styles-critical.bundle.css?v=175612445462960063841780353089 |
| stylesheet | https://shop.arianagrande.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css | |
| stylesheet | https://use.typekit.net/ncl5sxy.css | |
| stylesheet | https://fonts.umgapps.com/arianagrande/stylesheet.css | |
| stylesheet | https://use.typekit.net/dmn4fkm.css | |
| stylesheet | text/css | //shop.arianagrande.com/cdn/shop/t/140/assets/styles.bundle.css?v=138502811345322781091780353089 |
| stylesheet | text/css | //shop.arianagrande.com/cdn/shop/t/140/assets/styles.bundle.css?v=138502811345322781091780353089 |
| js | //vice-prod.sdiapi.com/vice_loader/umusic/arianagrandeofficial | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/runtime.bundle.js?v=110957048876496987111780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/geolocation.bundle.js?v=168306528723717385311780353089 | |
| js | /checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3381821463 | |
| js | https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3381821463&shop_id=8779431993 | |
| js | module | //shop.arianagrande.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js |
| js | //shop.arianagrande.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js | |
| js | //shop.arianagrande.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812 | |
| js | //cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/alpine.bundle.js?v=73840622025017525521780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/dot-digital.bundle.js?v=111676681593682757461780353089 | |
| js | https://shopify.privy.com/widget.js?shop=ariana-grande-official.myshopify.com | |
| js | https://shop.arianagrande.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.4.min.js | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/lookbook.bundle.js?v=151077080629853547821780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/theme.bundle.js?v=26312432676841431921780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/utm-params.bundle.js?v=44857160626880170391780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/section-render.bundle.js?v=154588927741139015221780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/product.bundle.js?v=110179297687378494561780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/cart-drawer.bundle.js?v=87398640709522926711780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/content-overlay.bundle.js?v=37908579092181384011780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/url-params.bundle.js?v=51352056378978385121780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/dotdigital-site-tracking.bundle.js?v=56115862656055679041780353089 | |
| js | //shop.arianagrande.com/cdn/shop/t/140/assets/dotdigital-cart-insight.bundle.js?v=73368649038972163841780353089 | |
| js | module | https://cdn.shopify.com/storefront/standard-actions.js |
Серверные заголовки
Кол-во: 25
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 25шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sat, 22 Aug 2026 01:18:47 GMT |
| x-download-options | noopen |
| Set-Cookie | localization=US; path=/; expires=Sun, 22 Aug 2027 01:18:47 GMT; SameSite=Lax |
| Link | <https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossorigin, <https://vice-prod.sdiapi.com>; rel="preconnect", <https://use.typekit.net>; rel="preconnect", <https://fonts.umgapps.com>; rel="preconnect", <https://p.typekit.net>; rel="preconnect", <//vice-prod.sdiapi.com/vice_loader/umusic/arianagrandeofficial>; as="script"; rel="preload", <//shop.arianagrande.com/cdn/shop/t/140/assets/styles-critical.bundle.css?v=175612445462960063841780353089>; as="style"; rel="preload", <//shop.arianagrande.com/cdn/shop/t/140/assets/runtime.bundle.js?v=110957048876496987111780353089>; as="script"; rel="preload", <https://use.typekit.net/ncl5sxy.css>; as="style"; rel="preload", <https://fonts.umgapps.com/arianagrande/stylesheet.css>; as="style"; rel="preload", <https://use.typekit.net/dmn4fkm.css>; as="style"; rel="preload", <https://shopify.privy.com/widget.js?shop=ariana-grande-official.myshopify.com>; as="script"; rel="preload", <https://shop.arianagrande.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css>; as="style"; rel="preload"; crossorigin, <//shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=1200>; as="image"; rel="preload"; imagesrcset="//shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=100 100w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=300 300w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=400 400w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=500 500w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=600 600w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=800 800w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=1200 1200w"; imagesizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," |
| speculation-rules | "/cdn/shopifycloud/storefront/assets/storefront/storefronts.moderate.specrules-eb468f32.json" |
| X-Request-ID | de257db6-ec68-46fc-946b-8e7300b82c48-1787361527 |
| x-permitted-cross-domain-policies | none |
| nel | {"report_to":"cf-nel","success_fraction":0.01,"max_age":604800} |
| shopify-complexity-score | 0 |
| shopify-complexity-score-v2 | 590 |
| X-Frame-Options | DENY |
| Content-Security-Policy | block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests; |
| Strict-Transport-Security | max-age=7889238 |
| Vary | accept-encoding |
| Alt-Svc | h3=":443" |
| powered-by | Shopify |
| Server-Timing | processing;dur=596;desc="gc:26", db;dur=76, render;dur=431, asn;desc="200044", edge;desc="HEL", country;desc="RU", theme;desc="174523514903", pageType;desc="index", servedBy;desc="f7q9", requestID;desc="de257db6-ec68-46fc-946b-8e7300b82c48-1787361527", _y;desc="3013d920-ce28-4a8f-974e-1dc246d98cf0", _s;desc="ab6fc2be-21d4-40fe-8157-97cfc55a5765", _cmp;desc="3.AMPS_RU_f_f_UuDn68BbQ1OAK3vukGq-Tg", compressionLevel;desc="5", compressionTime;dur=9.467, earlyhints |
| x-dc | gcp-europe-west4,gcp-europe-west1,gcp-europe-west1 |
| X-XSS-Protection | 1; mode=block |
| cf-cache-status | DYNAMIC |
| Server | cloudflare |
| report-to | {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2FQ8R6HMtglddl%2F9XsHc76UnQ1NLdwZ5nQg98wwonjZWtNHMrX9pb%2BT3b0Ta02Yr1rove4vR24qqbqXhjXrnAa8vQA9EL4T%2B3yPDpopL4dLuG15FlQeBWGyD2Th2H2oERRec3xaHANw%3D%3D"}]} |
| X-Content-Type-Options | nosniff |
| ETag | W/"page_cache:8779431993:IndexController:74c6d5f967d55c9aca48f655af367802:7dd78d9135990fa32e141ea51d2dbf0f" |
| cf-ray | a2ee0ba91ed1edb9-HEL |
CMS
Shopify
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
Сайт работает на CMS Shopify.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 33%
Title
Ariana Grande | Shop - Ariana Grande | Shop
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Устраните дубли в title: ariana(2), grande(2), shop(2)
Число символов в title 43 оптимально (норма: от 40 до 45).
Description
Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение: 119, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://shop.arianagrande.com/
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Есть ошибки
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots указан, но в нем содержится неизвестное значение...
Адаптивность
width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 9
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:site_name | Ariana Grande | Shop |
| og:url | https://shop.arianagrande.com/ |
| og:title | Ariana Grande | Shop - Ariana Grande | Shop |
| og:type | website |
| og:description | Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more. |
| og:image | http://shop.arianagrande.com/cdn/shop/files/wmi89-mmdko-339sm-shareDESK_f5691176-2916-46bc-81e9-1bfd81bdcf38.png?v=1777389470 |
| og:image:secure_url | https://shop.arianagrande.com/cdn/shop/files/wmi89-mmdko-339sm-shareDESK_f5691176-2916-46bc-81e9-1bfd81bdcf38.png?v=1777389470 |
| og:image:width | 1200 |
| og:image:height | 630 |
Все мета-теги
Кол-во: 21
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 21шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | robots | noai, noimageai |
| name | viewport | width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover |
| name | google-site-verification | m9YHJtCbYT08hqVaonlT2WH408HUxY_Bqo55mU0DG6Q |
| name | shopify-digital-wallet | /8779431993/digital_wallets/dialog |
| name | shopify-checkout-api-token | 380115bd57b5f930efce4225f3e7b74d |
| name | description | Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more. |
| name | twitter:card | summary_large_image |
| name | twitter:title | Ariana Grande | Shop - Ariana Grande | Shop |
| name | twitter:description | Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more. |
| name | shopify-y | 3013d920-ce28-4a8f-974e-1dc246d98cf0 |
| name | shopify-s | ab6fc2be-21d4-40fe-8157-97cfc55a5765 |
| name | new-cookie-storage-activated | f |
| property | og:site_name | Ariana Grande | Shop |
| property | og:url | https://shop.arianagrande.com/ |
| property | og:title | Ariana Grande | Shop - Ariana Grande | Shop |
| property | og:type | website |
| property | og:description | Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more. |
| property | og:image | http://shop.arianagrande.com/cdn/shop/files/wmi89-mmdko-339sm-shareDESK_f5691176-2916-46bc-81e9-1bfd81bdcf38.png?v=1777389470 |
| property | og:image:secure_url | https://shop.arianagrande.com/cdn/shop/files/wmi89-mmdko-339sm-shareDESK_f5691176-2916-46bc-81e9-1bfd81bdcf38.png?v=1777389470 |
| property | og:image:width | 1200 |
| property | og:image:height | 630 |
Оптимизация Готовность: 75%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Среднее число слов в абзаце 6 слишком мало. Сделайте контент более читаемым!
Слова из title 4 встречаются в тексте достаточно.
Абзацев с текстом 123 достаточно.
Кол-во знаков контента 5520 на странице оптимально.
Кол-во слов 807 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 2. Это прекрасно.
На странице присутствуют заголовки <h2> 7. Это хорошо.
Тошнота
3,87
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
17,47%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| dangerous | 15 | 1,86% |
| t-shirt | 15 | 1,86% |
| eternal | 14 | 1,73% |
| brighter | 14 | 1,73% |
| exclusive | 14 | 1,73% |
| sunshine | 13 | 1,61% |
| edition | 12 | 1,49% |
| limited | 8 | 0,99% |
| previous | 6 | 0,74% |
| cassette | 5 | 0,62% |
| $store | 5 | 0,62% |
| headergroupmanager | 5 | 0,62% |
| updatemeasurements | 5 | 0,62% |
| crewneck | 5 | 0,62% |
| searchbaropen | 4 | 0,50% |
| restocked | 4 | 0,50% |
| hoodie | 4 | 0,50% |
| digital | 3 | 0,37% |
| foundation | 3 | 0,37% |
| settimeout | 3 | 0,37% |
Индексация Готовность: 5%
Индексирование
Есть ошибки
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 227 слишком много. Проведите ревизию и оптимизацию ссылок сайта.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 601060 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://3435vcards.com/robots.txt
302 Found
https://shop.arianagrande.com/
200 OK
Показать содержимое robots.txt
<!doctype html>
<html class="flex flex-col min-h-full" lang="en">
<head>
<script>
vice= {
config: {
viceAccountId: 'umusic',
viceSiteId: 'arianagrandeofficial',
viceSectionId: ''
}
}
</script>
<script src='//vice-prod.sdiapi.com/vice_loader/umusic/arianagrandeofficial'></script><meta charset="utf-8">
<meta name="robots" content="noai, noimageai">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify>
/* TYPOGRAPHY */:root {
--typeface_primary: 'stix-two-text', sans-serif;--typeface_secondary: 'stix-two-text', sans-serif;--typeface_tertiary: 'stix-two-text', sans-serif;--font_display_md: var(--typeface_primary);
--font_display_md_weight: 400;
--font_display_md_letter: -0.03125rem;
--font_display_md_line: 1.5;
--font_display_md_text_transform: lowercase;--font_display_md_size: 1.125rem;
--font_display_md_size_md: 1.125rem;--font_heading_2xl: var(--typeface_secondary);
--font_heading_2xl_weight: 600;
--font_heading_2xl_letter: -0.03125rem;
--font_heading_2xl_line: 1.3;
--font_heading_2xl_text_transform: lowercase;--font_heading_2xl_size: 1.802032470703125rem;
--font_heading_2xl_size_md: 1.802032470703125rem;--font_heading_xl: var(--typeface_primary);
--font_heading_xl_weight: 400;
--font_heading_xl_letter: -0.03125rem;
--font_heading_xl_line: 1.2;
--font_heading_xl_text_transform: lowercase;--font_heading_xl_size: 1.601806640625rem;
--font_heading_xl_size_md: 1.601806640625rem;--font_heading_lg: var(--typeface_secondary);
--font_heading_lg_weight: 300;
--font_heading_lg_letter: -0.03125rem;
--font_heading_lg_line: 1.5;
--font_heading_lg_text_transform: lowercase;--font_heading_lg_size: 1.423828125rem;
--font_heading_lg_size_md: 1.423828125rem;--font_heading_md: var(--typeface_secondary);
--font_heading_md_weight: 400;
--font_heading_md_letter: -0.03125rem;
--font_heading_md_line: 1;
--font_heading_md_text_transform: lowercase;--font_heading_md_size: 1.265625rem;
--font_heading_md_size_md: 1.265625rem;--font_body_lg: var(--typeface_secondary);
--font_body_lg_weight: 700;
--font_body_lg_letter: -0.03125rem;
--font_body_lg_line: 1.3;
--font_body_lg_text_transform: lowercase;--font_body_lg_size: 1.125rem;
--font_body_lg_size_md: 1.125rem;--font_body_md: var(--typeface_secondary);
--font_body_md_weight: 400;
--font_body_md_letter: -0.03125rem;
--font_body_md_line: 1.5;
--font_body_md_text_transform: lowercase;--font_body_md_size: 1rem;
--font_body_md_size_md: 1rem;--font_body_sm: var(--typeface_secondary);
--font_body_sm_weight: 400;
--font_body_sm_letter: -0.03125rem;
--font_body_sm_line: 1.3;
--font_body_sm_text_transform: lowercase;--font_body_sm_size: 0.8888888888888888rem;
--font_body_sm_size_md: 0.8888888888888888rem;--font_body_xs: var(--typeface_secondary);
--font_body_xs_weight: 300;
--font_body_xs_letter: -0.03125rem;
--font_body_xs_line: 1.5;
--font_body_xs_text_transform: lowercase;--font_body_xs_size: 0.7901234567901234rem;
--font_body_xs_size_md: 0.7901234567901234rem;--font_button: var(--typeface_secondary);
--font_button_weight: 300;
--font_button_letter: -0.03125rem;
--font_button_line: 1;
--font_button_text_transform: lowercase;--font_button_size: 1rem;
--font_button_size_md: 1rem;--font_navigation_lg: var(--typeface_secondary);
--font_navigation_lg_weight: 400;
--font_navigation_lg_letter: -0.03125rem;
--font_navigation_lg_line: 1.2;
--font_navigation_lg_text_transform: lowercase;--font_navigation_lg_size: 1.125rem;
--font_navigation_lg_size_md: 1.125rem;--font_navigation_md: var(--typeface_secondary);
--font_navigation_md_weight: 400;
--font_navigation_md_letter: -0.03125rem;
--font_navigation_md_line: 1.2;
--font_navigation_md_text_transform: lowercase;--font_navigation_md_size: 1rem;
--font_navigation_md_size_md: 1rem;--font_navigation_sm: var(--typeface_secondary);
--font_navigation_sm_weight: 400;
--font_navigation_sm_letter: -0.03125rem;
--font_navigation_sm_line: 1;
--font_navigation_sm_text_transform: lowercase;--font_navigation_sm_size: 0.8888888888888888rem;
--font_navigation_sm_size_md: 0.8888888888888888rem;
}
/* TYPOGRAPHY */
</style><style data-shopify>
/**
Set Color Variable from shopify
*/
:root {
--color-outline: #2563eb;
--color-black: hsl(0 0% 5%);
--color-white: hsl(0 0% 95%);
--color-transparent: rgba(0,0,0,0);
--color-gray-50: hsl(210 20% 98%);
--color-gray-100: hsl(220 14% 96%);
--color-gray-200: hsl(220 13% 91%);
--color-gray-300: hsl(216 12% 84%);
--color-gray-400: hsl(218 11% 65%);
--color-gray-500: hsl(220 9% 46%);
--color-gray-600: hsl(215 14% 34%);
--color-gray-700: hsl(217 19% 27%);
--color-gray-800: hsl(215 28% 17%);
--color-gray-900: hsl(221 39% 11%);
--color-gray-100-on: hsl(221 39% 11%);
--color-gray-900-on: hsl(220 14% 96%);--scheme1-content-base:0 0% 100%;
--scheme1-content-subtle:0 0% 100%;
--scheme1-content-emphasis:0 0% 100%;
--scheme1-content-heading:0 0% 100%;
--scheme1-surface:0 0% 100%;
--scheme1-surface-gradient: ;
--scheme1-background:60 3% 7%;
--scheme1-background-gradient: ;
--scheme1-primary:0 0% 100%;
--scheme1-primary-light:0 0% 100%;
--scheme1-primary-dark:0 0% 80%;
--scheme1-primary-on:60 3% 7%;
--scheme1-primary-gradient: ;
--scheme1-secondary:39 17% 84%;
--scheme1-secondary-light:0 0% 100%;
--scheme1-secondary-dark:38 17% 64%;
--scheme1-secondary-on:60 3% 7%;
--scheme1-secondary-gradient: ;
--scheme1-tertiary:150 3% 65%;
--scheme1-tertiary-light:150 3% 85%;
--scheme1-tertiary-dark:150 3% 45%;
--scheme1-tertiary-on:60 3% 7%;
--scheme1-tertiary-gradient: ;--scheme1-notification-on:200 4% 13%;
--scheme1-notification:220 6% 90%;
--scheme1-notification-mix: hsl(211, 11%, 42%);--scheme1-success-on:150 3% 13%;
--scheme1-success:141 79% 85%;
--scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:359 98% 32%;
--scheme1-error:0 100% 97%;
--scheme1-error-mix: hsl(359, 58%, 55%);--scheme2-content-base:240 4% 16%;
--scheme2-content-subtle:240 5% 34%;
--scheme2-content-emphasis:240 6% 10%;
--scheme2-content-heading:240 6% 10%;
--scheme2-surface:240 5% 96%;
--scheme2-surface-gradient: ;
--scheme2-background:240 5% 96%;
--scheme2-background-gradient: ;
--scheme2-primary:240 6% 10%;
--scheme2-primary-light:240 6% 30%;
--scheme2-primary-dark:0 0% 0%;
--scheme2-primary-on:0 0% 98%;
--scheme2-primary-gradient: ;
--scheme2-secondary:240 4% 16%;
--scheme2-secondary-light:240 4% 36%;
--scheme2-secondary-dark:0 0% 0%;
--scheme2-secondary-on:0 0% 98%;
--scheme2-secondary-gradient: ;
--scheme2-tertiary:240 5% 34%;
--scheme2-tertiary-light:240 6% 54%;
--scheme2-tertiary-dark:240 4% 14%;
--scheme2-tertiary-on:0 0% 98%;
--scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%;
--scheme2-notification:220 6% 90%;
--scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%;
--scheme2-success:141 79% 85%;
--scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%;
--scheme2-error:0 100% 97%;
--scheme2-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 {
/* Content */
--color-content-base: hsl(var(--scheme1-content-base));
--color-content-subtle: hsl(var(--scheme1-content-subtle));
--color-content-emphasis: hsl(var(--scheme1-content-emphasis));
--color-content-heading: hsl(var(--scheme1-content-heading));
/* Surface */
--color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
/* Background */
--color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */
--color-primary-on: hsl(var(--scheme1-primary-on));
--color-primary: hsl(var(--scheme1-primary));
--color-primary-dark: hsl(var(--scheme1-primary-dark));
--color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */
--color-secondary-on: hsl(var(--scheme1-secondary-on));
--color-secondary: hsl(var(--scheme1-secondary));
--color-secondary-dark: hsl(var(--scheme1-secondary-dark));
--color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: hsl(var(--scheme1-secondary));/* Tertiary Color */
--color-tertiary-on: hsl(var(--scheme1-tertiary-on));
--color-tertiary: hsl(var(--scheme1-tertiary));
--color-tertiary-dark: hsl(var(--scheme1-tertiary-dark));
--color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */
/* Notification */
--color-on-notification: hsl(var(--scheme1-notification-on));
--color-notification: hsl(var(--scheme1-notification));
--color-notification-mix: var(--scheme1-notification-mix);
/* Success */
--color-on-success: hsl(var(--scheme1-success-on));
--color-success: hsl(var(--scheme1-success));
--color-success-mix: var(--scheme1-success-mix);
/* Error */
--color-on-error: hsl(var(--scheme1-error-on));
--color-error-on: var(--color-on-error);
--color-error: hsl(var(--scheme1-error));
--color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black);
/* Section */--color-text: var(--color-content-base, var(--color-content-base));
--color-border: var(--color-content-base, var(--border-default-color));
/* Section */
/* Tables BG Color */
--color-table-bg: var(--color-default, var(--color-background));
/* Input Color */
--color-input-text: hsl(var(--scheme1-content-base));
}
.scheme-scheme2 {
/* Content */
--color-content-base: hsl(var(--scheme2-content-base));
--color-content-subtle: hsl(var(--scheme2-content-subtle));
--color-content-emphasis: hsl(var(--scheme2-content-emphasis));
--color-content-heading: hsl(var(--scheme2-content-heading));
/* Surface */
--color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface));
/* Background */
--color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */
--color-primary-on: hsl(var(--scheme2-primary-on));
--color-primary: hsl(var(--scheme2-primary));
--color-primary-dark: hsl(var(--scheme2-primary-dark));
--color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */
--color-secondary-on: hsl(var(--scheme2-secondary-on));
--color-secondary: hsl(var(--scheme2-secondary));
--color-secondary-dark: hsl(var(--scheme2-secondary-dark));
--color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */
--color-tertiary-on: hsl(var(--scheme2-tertiary-on));
--color-tertiary: hsl(var(--scheme2-tertiary));
--color-tertiary-dark: hsl(var(--scheme2-tertiary-dark));
--color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */
/* Notification */
--color-on-notification: hsl(var(--scheme2-notification-on));
--color-notification: hsl(var(--scheme2-notification));
--color-notification-mix: var(--scheme2-notification-mix);
/* Success */
--color-on-success: hsl(var(--scheme2-success-on));
--color-success: hsl(var(--scheme2-success));
--color-success-mix: var(--scheme2-success-mix);
/* Error */
--color-on-error: hsl(var(--scheme2-error-on));
--color-error-on: var(--color-on-error);
--color-error: hsl(var(--scheme2-error));
--color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black);
/* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
--color-border: var(--color-content-base, var(--border-default-color));
/* Section */
/* Tables BG Color */
--color-table-bg: var(--color-default, var(--color-background));
/* Input Color */
--color-input-text: hsl(var(--scheme2-content-base));
}
</style>
<style data-shopify>:root {
--border-default-width: 1px;
--border-default-width-narrow: 1px;
--border-default-width-wide: 2px;
--border-default-radius: 0;
--border-default-color: var(--color-content-subtle);
}</style><style data-shopify>
:root {--button-px-sm: 0.75rem; --button-py-sm: 0.5rem; --button-px-md: 1rem; --button-py-md: 0.625rem; --button-px-lg: 1.25rem; --button-py-lg: 0.75rem; --button-font-size: var(--font_button_size);--button-all-border-radius: 36px;--border-button-width: var(--border-default-width-wide);--button-px-default: var(--button-px-sm);--button-py-default: var(--button-py-sm);}
.btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color); --button-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; overflow: hidden; color: var(--button-color); border: var(--border-button-width) solid var(--border-color); border-radius: var(--button-all-border-radius); box-shadow: var(--button-box-shadow); padding: var(--button-py-default) var(--button-px-default); font-size: var(--button-font-size); font-family: var(--font_button); font-weight: var(--font_button_weight); letter-spacing: var(--font_button_letter); line-height: var(--font_button_line); text-transform: var(--font_button_text_transform); transition: .2s ease-out; --border-color: var(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-primary);--button-fill-hover: var(--color-tertiary); background: var(--button-fill); --button-gradient-visible: hidden;}
.btn:before,
.btn:after {
content: '';
background: transparent;
inset: 0;
position: absolute;
display: block;
visibility: var(--button-gradient-visible, hidden);
z-index: -1;
transition: .2s ease-out;
transform: translate3d(0,0,0);
}
.btn:before {
background: var(--button-fill-hover);
opacity: 0;
}
.btn:hover::before {
opacity: var(--button-bg-opacity, 1);
}
.btn:after {
background: var(--button-fill);
opacity: var(--button-bg-opacity, 1);
}
.btn:hover::after {
opacity: 0;
}
input.btn {
background: var(--button-fill);
}
input.btn:before {
display: none;
}
input.btn:after {
display: none;
}
input.btn:hover {
background: var(--button-fill-hover);
}
.btn--sm {
--button-py-default: var(--button-py-sm);
--button-px-default: var(--button-px-sm);
font-size: max(calc(var(--button-font-size) * .618em ), 14px)
}
.btn--md {
--button-py-default: var(--button-py-md);
--button-px-default: var(--button-px-md);
}
.btn--lg {
--button-py-default: var(--button-py-lg);
--button-px-default: var(--button-px-lg);
}
.btn:hover,
.btn--primary:hover {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
.btn--secondary {--button-color: var(--color-primary); --border-color: var(--default,var(--color-primary)); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-tertiary); background: var(--button-fill); --button-gradient-visible: hidden;}
.btn--secondary:hover {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
.btn--tertiary {--border-color: var(--default,var(--color-primary-on)); --button-color: var(--color-primary-on-on); --button-shadow-color: var(--color-primary-on-20); text-decoration-color: transparent; --button-fill: var(--color-primary-on);--button-fill-hover: var(--color-tertiary); background: var(--button-fill); --button-gradient-visible: hidden;}
.btn--tertiary:hover {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
.btn--light {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent; --button-fill: var(--color-gray-100);--button-fill-hover: var(--color-gray-100);}
.btn--light:hover {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent;}
.btn--dark {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent; --button-fill: var(--color-gray-900);--button-fill-hover: var(--color-gray-900);}
.btn--dark:hover {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent;}
@media screen and (min-width: 48em) {
.btn {
--button-font-size: var(--font_button_size_md);
}
}
</style>
<style data-shopify>
:root {
--gap-sm-2xs: 0.25rem;
--gap-sm-xs: 0.5rem;
--gap-sm-sm: 0.75rem;
--gap-sm-md: 1.0rem;
--gap-sm-lg: 1.25rem;
--gap-sm-xl: 1.5rem;
--gap-sm-2xl: 2.0rem;
--gap-lg-2xs: 0.5rem;
--gap-lg-xs: 1.0rem;
--gap-lg-sm: 1.5rem;
--gap-lg-md: 2.0rem;
--gap-lg-lg: 2.5rem;
--gap-lg-xl: 3.0rem;
--gap-lg-2xl: 3.5rem;
--gap-container-2xs: 0.5rem;
--gap-container-xs: 1.0rem;
--gap-container-sm: 2.0rem;
--gap-container-md: 3.0rem;
--gap-container-lg: 4.0rem;
--gap-container-xl: 5.0rem;
--gap-container-2xl: 6.0rem;
--padding-xs-2xs: 0.125rem;
--padding-xs-xs: 0.25rem;
--padding-xs-sm: 0.375rem;
--padding-xs-md: 0.5rem;
--padding-xs-lg: 0.625rem;
--padding-xs-xl: 0.75rem;
--padding-xs-2xl: 1.0rem;
--padding-sm-2xs: 0.25rem;
--padding-sm-xs: 0.5rem;
--padding-sm-sm: 0.75rem;
--padding-sm-md: 1.0rem;
--padding-sm-lg: 1.25rem;
--padding-sm-xl: 1.5rem;
--padding-sm-2xl: 2.0rem;
--padding-lg-2xs: 0.5rem;
--padding-lg-xs: 1.0rem;
--padding-lg-sm: 1.5rem;
--padding-lg-md: 2.0rem;
--padding-lg-lg: 2.5rem;
--padding-lg-xl: 3.0rem;
--padding-lg-2xl: 3.5rem;
--padding-container-2xs: 0.5rem;
--padding-container-xs: 1.0rem;
--padding-container-sm: 2.0rem;
--padding-container-md: 3.0rem;
--padding-container-lg: 4.0rem;
--padding-container-xl: 5.0rem;
--padding-container-2xl: 6.0rem;
--padding-section-desktop-2xs: .5rem;
--padding-section-desktop-xs: 1rem;
--padding-section-desktop-sm: 2rem;
--padding-section-desktop-md: 3rem;
--padding-section-desktop-lg: 4rem;
--padding-section-desktop-xl: 5rem;
--padding-section-desktop-2xl: 6rem;
--padding-section-mobile-2xs: .25rem;
--padding-section-mobile-xs: .5rem;
--padding-section-mobile-sm: 1.5rem;
--padding-section-mobile-md: 2rem;
--padding-section-mobile-lg: 2.5rem;
--padding-section-mobile-xl: 3rem;
--padding-section-mobile-2xl: 4rem;
--margin-sm-2xs: 0.25rem;
--margin-sm-xs: 0.5rem;
--margin-sm-sm: 0.75rem;
--margin-sm-md: 1.0rem;
--margin-sm-lg: 1.25rem;
--margin-sm-xl: 1.5rem;
--margin-sm-2xl: 2.0rem;
--margin-lg-2xs: 0.5rem;
--margin-lg-xs: 1.0rem;
--margin-lg-sm: 1.5rem;
--margin-lg-md: 2.0rem;
--margin-lg-lg: 2.5rem;
--margin-lg-xl: 3.0rem;
--margin-lg-2xl: 3.5rem;
--margin-container-2xs: 0.5rem;
--margin-container-xs: 1.0rem;
--margin-container-sm: 2.0rem;
--margin-container-md: 3.0rem;
--margin-container-lg: 4.0rem;
--margin-container-xl: 5.0rem;
--margin-container-2xl: 6.0rem;
--w-tooltip-sm: 180px;
--w-tooltip-md: 210px;
--w-tooltip-lg: 240px;
--w-tooltip-xl: 270px;
--container-max-w-sm: 100rem;
--container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width-wide) + 1rem + (2 * var(--padding-sm-xl)));
}
</style><link href="//shop.arianagrande.com/cdn/shop/t/140/assets/styles-critical.bundle.css?v=175612445462960063841780353089" rel="stylesheet" type="text/css" media="all" />
<title>Ariana Grande | Shop - Ariana Grande | Shop</title><script src="//shop.arianagrande.com/cdn/shop/t/140/assets/runtime.bundle.js?v=110957048876496987111780353089"></script><script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/geolocation.bundle.js?v=168306528723717385311780353089"></script><script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event:'page_data_loaded',
user: {
logged_in: 'false'
},
pageType: 'index',
platform: 'shopify',
shopify_consent: 'true',
platform_theme: 'global',
platform_version: '2026.04.2.2'
});
</script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TXQR27');</script>
<link rel="canonical" href="https://shop.arianagrande.com/">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="m9YHJtCbYT08hqVaonlT2WH408HUxY_Bqo55mU0DG6Q">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8779431993/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="380115bd57b5f930efce4225f3e7b74d">
<meta id="in-context-paypal-metadata" data-shop-id="8779431993" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3381821463"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3381821463&shop_id=8779431993" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":8779431993,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/8779431993","merchantName":"Ariana Grande | Shop","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Ariana Grande | Shop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"380115bd57b5f930efce4225f3e7b74d","betas":["rich-media-storefront-analytics"],"domain":"shop.arianagrande.com","predictiveSearch":true,"shopId":8779431993,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ariana-grande-official.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Version 2026.04.2.2 - Tour Hub","id":174523514903,"schema_name":"Rhythm","schema_version":"2026.04.2.2","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "shop.arianagrande.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//shop.arianagrande.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
await import("//shop.arianagrande.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"listener":["modules/v2/loader.listener.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/r2-t.trackedlink.net\/_dmspt.js?shop=ariana-grande-official.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=ariana-grande-official.myshopify.com","https:\/\/str.rise-ai.com\/?shop=ariana-grande-official.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=ariana-grande-official.myshopify.com","https:\/\/size-guides-prod.esc-apps-cdn.com\/1773846037-app.ariana-grande-official.myshopify.com.js?shop=ariana-grande-official.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":8779431993,"offset":-14400,"reqid":"37b47ac3-6135-4571-9ee8-5b6f5c3afb19-1787361527","pageurl":"shop.arianagrande.com\/","u":"f0271eda5bcb","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shop.arianagrande.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//shop.arianagrande.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//shop.arianagrande.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "ariana-grande-official.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/shop.arianagrande.com\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://shop.arianagrande.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://shop.arianagrande.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link rel="stylesheet" href="https://use.typekit.net/ncl5sxy.css"><link rel="stylesheet" href="https://fonts.umgapps.com/arianagrande/stylesheet.css"><link rel="stylesheet" href="https://use.typekit.net/dmn4fkm.css"><style>
dialog[open]::backdrop,
.umg-backdrop {
--theme-color: ;
background: hsl(0 0% 100% / 0.4);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
#PBarNextFrameWrapper::backdrop,
#web-pixels-helper-sandbox-container::backdrop {
--theme-color: unset;
background: unset;
-webkit-backdrop-filter: unset;
backdrop-filter: unset;
}
</style><link href="//shop.arianagrande.com/cdn/shop/t/140/assets/styles.bundle.css?v=138502811345322781091780353089" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" />
<noscript><link href="//shop.arianagrande.com/cdn/shop/t/140/assets/styles.bundle.css?v=138502811345322781091780353089" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript><script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/alpine.bundle.js?v=73840622025017525521780353089"></script><style>
.template__password {
background: #DEE5EB;
color: #000;
}
/* Decrease collection nested navigation caret icon size */
nav button > span ~ span {
width: 0.625rem !important;
}
.section-positions {
background: url(//shop.arianagrande.com/cdn/shop/files/bg-positions_large.jpg?v=6638);
background-size: cover;
}
.section-bestsellers {
background: url(//shop.arianagrande.com/cdn/shop/files/bg-bestsellers_large.png?v=6638);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
}
.full-bleed {
max-width: unset;
}
.newsletter-signup {
color: white;
}
.newsletter-signup a {
text-decoration: underline;
}
</style><style data-shopify>body {
-webkit-font-smoothing: antialiased;
}
.tag{
margin-top: 10px;
}
.product-form__sold-out { color:#FFCCCC!important;}
.btn-search{
font-size: 11px;
}
.w-\[2\.75rem\] {
width: 2rem!important;
}
.hamburger-close-btn-wrapper {
color: white!important;
}
/*
.buybutton_label{
padding: 0px 20px 10px;
} */
.header__navigation-link-arrow {
width: 0.7rem;
height: 0.7rem;
}
.embla__dot[disabled] div {
background: black !important;
}
[href="/account?view=profile"] {
display: none;
}
.site-header .header__navigation-link[href="https://shop.republicrecords.com/"]:hover,
.site-header .header__navigation-link[href="https://shop.republicrecords.com"]:hover {
color: #eb90b9;
}
@media (min-width: 768px){
.header__navigation-dropdown-container {
padding: 0;
line-height: 1.5;
display: grid;
gap: 0;
grid-template-columns: repeat(2, auto);
grid-auto-flow: row;
}
.header__navigation-dropdown-container .text_navigation_sm {
line-height: 1.2;
padding: 0.5rem 0.75rem;
/* border-bottom: 1px solid currentColor; */
}
}
@media (min-width: 980px){
.header__navigation-dropdown-container {
grid-template-columns: repeat(3, auto);
}
}
.currency-list__item a {
color: black;
}
quantity-spinner {
background: white;
color: black;
}
#product-info-quantity-picker {
height: 100%;
-webkit-text-fill-color: black !important;
}
.social-container .w-4{
width: 2rem;
height: 1.5rem;
}
input:not(:placeholder-shown):invalid {
background: transparent !important;
color: white !important;
border-color: white !important;
}
.reveal-me .product_card .card__image-wrapper:after {
opacity: 0;
visibility: hidden;
position: absolute;
content: 'cover reveal to come';
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.reveal-me .product_card:hover .card__image-wrapper:after {
opacity: 1;
visibility: visible;
}
.reveal-me .grid .product_card:nth-child(1):hover .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(5):hover .card__image-wrapper:after,
.reveal-me .grid .product_card:nth-child(9):hover .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(2):hover .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(6):hover .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(10):hover .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(3):hover .card__image-wrapper:after,.reveal-me .grid .product_card:nth-child(7):hover .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(11):hover .card__image-wrapper:after {
opacity: 0;
visibility: hidden;
}
@media (max-width: 768px){
.reveal-me .product_card .card__image-wrapper {
padding-bottom: 1.8em;
}
.reveal-me .product_card .card__image-wrapper:after {
opacity: 1 !important;
visibility: visible !important;
align-items: flex-end;
}
.reveal-me .grid .product_card:nth-child(1) .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(5) .card__image-wrapper:after,
.reveal-me .grid .product_card:nth-child(9) .card__image-wrapper:after,
.reveal-me .grid .product_card:nth-child(3) .card__image-wrapper:after,.reveal-me .grid .product_card:nth-child(7) .card__image-wrapper:after, .reveal-me .grid .product_card:nth-child(11) .card__image-wrapper:after{
opacity: 0 !important;
visibility: hidden !important;
}
}
.reveal-me-bundles .product_card .card__image-wrapper:after {
opacity: 0;
visibility: hidden;
position: absolute;
content: 'cover reveal to come';
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.reveal-me-bundles .product_card:hover .card__image-wrapper:after {
opacity: 1;
visibility: visible;
}
@media (max-width: 768px){
.reveal-me-bundles .product_card .card__image-wrapper {
padding-bottom: 1.8em;
}
.reveal-me-bundles .product_card .card__image-wrapper:after {
opacity: 1 !important;
visibility: visible !important;
align-items: flex-end;
}
}
.featured-product .product_card .card__cta { margin-top:0px; } .featured-product .product_card .card__details--wrapper { border: unset; background-color: transparent; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .featured-product .product_card .card-title, .featured-product .product_card .card-text { background: transparent; color: unset; margin: 0px; text-align: center; } .featured-product .product_card .card-title p { font-size: 1.2em; font-weight: bold; } .featured-product .product_card .card-cta { position: relative; margin-top: 0px; } .featured-product .product_card .card__details--wrapper { background-color: transparent; justify-content: center; } @media (min-width: 768px) { .featured-product .product_card > .card__container { display: flex; flex-wrap: wrap; } .featured-product .product_card .card-styles { display: flex; flex-wrap: wrap; } .featured-product .product_card > .card__details--wrapper, .featured-product .product_card .card__image-wrapper { width: 50%; } } .featured-product .product_card .card__details--wrapper { background: unset; } .featured-product .card__details--wrapper { justify-content: flex-start; }
:is(#ProductInfo-8988615508248, #ProductInfo-8988641886488, #ProductInfo-8988621963544,#ProductInfo-8988624879896) .card__image-wrapper:after { content: "Limited Edition"; color: white; font-weight: bold; background: black; transition: right .3s; position: absolute; padding: 0.3em 0.5em; font-size: 18px; text-transform: lowercase; font-size: .75em; line-height: 1em; bottom: -0.2em; left: 2em; }
.card__tags {
padding-top: 0px;
margin-top: -0.5em;
}
/* custom homepage media tiles start */
.custom-media-tiles .media-section__wrapper {
grid-template-rows: auto;
}
.custom-media-tiles .media-item > .grid {
display: block;
}
.custom-media-tiles .image-wrapper {
padding-bottom: 100%;
}
.custom-media-tiles .block-overlay-wrapper {
height: auto;
}
.custom-media-tiles .media-item > .grid > a.z-10 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.custom-media-tiles .media-section__overlay {
position: relative;
padding-bottom: 0.75rem;
gap: 0;
}
.custom-media-tiles .price__current {
margin-top: 0.75rem;
display: inline-block;
}
.custom-media-tiles .media-tile.order-1 .image-wrapper {
min-height: 100%;
background-image: none !important;
box-shadow: none !important;
}
.custom-media-tiles .media-tile.order-1 .image-wrapper img {
height: auto;
top: 50%;
transform: translate3d(0,-50%, 0);
}
/* custom homepage media tiles end */
/* custom hero frame start */
@media (max-width: 480px) {
.custom-hero-frame .section-spacing {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
@media (min-width: 768px) {
.custom-hero-frame .section__container {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 980px) {
.custom-hero-frame .section__container {
width: 80%;
}
}
.custom-hero-frame .hero-banner__wrapper {
padding: 6.3% 13.75% 10.5% 13.2%;
}
.custom-hero-frame .hero-banner__wrapper:after {
content: "";
display: block;
position: absolute;
background-image: url("https://cdn.shopify.com/s/files/1/0642/2318/3035/files/1021426_TV_BannerM-R1.png?v=1742848902");
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
pointer-events: none;
}
.custom-hero-frame .banner-container {
background-color: #000;
}
/* custom hero frame end */
/* cart button color */
.cart .c-text-primary-on,
.cart-drawer .c-text-primary-on {
--color-primary-on-on: var(--color-primary);
}
@media screen and (min-width: 768px) {
.custom-title-link .media-item-seo-text {
align-items: flex-start;
}
}
.customer-account__body [data-modal="shippingAddressPopup" ] .popup__container,
.customer-account__body [data-modal="cancel_popup"] .popup__container {
background-image: url(https://cdn.shopify.com/s/files/1/0087/7943/1993/files/1021426_BG-R1.jpg?v=1741202852);
background-size: cover;
background-repeat: no-repeat;
}
.customer-account__body [data-modal="cancel_popup"] .popup__container .cancel-popup {
background: transparent;
}
.customer-account__menu-link--active {
background: transparent;
border: var(--border-button-width) solid;
}
#CustomerPassword,
#RegisterForm-password {
text-transform: none;
}</style><link rel="apple-touch-icon" sizes="180x180" href="//shop.arianagrande.com/cdn/shop/files/2783n-29dda-vnit8_favicon.png?crop=center&height=180&v=1777386796&width=180">
<link rel="icon" href="//shop.arianagrande.com/cdn/shop/files/2783n-29dda-vnit8_favicon.png?crop=center&height=32&v=1777386796&width=32"><meta name="description" content="Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more.">
<meta property="og:site_name" content="Ariana Grande | Shop">
<meta property="og:url" content="https://shop.arianagrande.com/">
<meta property="og:title" content="Ariana Grande | Shop - Ariana Grande | Shop">
<meta property="og:type" content="website">
<meta property="og:description" content="Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more."><meta property="og:image" content="http://shop.arianagrande.com/cdn/shop/files/wmi89-mmdko-339sm-shareDESK_f5691176-2916-46bc-81e9-1bfd81bdcf38.png?v=1777389470">
<meta property="og:image:secure_url" content="https://shop.arianagrande.com/cdn/shop/files/wmi89-mmdko-339sm-shareDESK_f5691176-2916-46bc-81e9-1bfd81bdcf38.png?v=1777389470">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ariana Grande | Shop - Ariana Grande | Shop">
<meta name="twitter:description" content="Shop exclusive music and merch from the Official Ariana Grande Store. Hoodies, tees, vinyl, CDs, accessories, and more."><script>
window.dotDigital = {
shopDomain: 'shop.arianagrande.com',
insightId: 'DM-7853871448-02'
}
</script><script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/dot-digital.bundle.js?v=111676681593682757461780353089"></script><!-- BEGIN app block: shopify://apps/privy-pop-ups-email-sms/blocks/privy-convert-production/1d8599fa-4edf-4071-bda6-4d5d6d82de9c --><script src="https://shopify.privy.com/widget.js?shop=ariana-grande-official.myshopify.com"></script>
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 8779431993,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],t=d.indexOf("=");if(-1!==t){var n=d.slice(0,t).trim();if(n){var i=void 0;try{i=decodeURIComponent(n)}catch(e){i=n}if("_shopify_s"===i){var a=d.slice(t+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}function d(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}return function(t,n,i,a){var s,c,u,l,f=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},p=(c=(s={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,u=s.legacy,(l=navigator.userAgent).match(e)?"bot":l.match(c)?"modern":l.match(u)?"legacy":l.match(r)?"bot":"unknown"),h=function(e){var r=e.version,t=e.browserTarget,n=e.surface,i=e.shopId,a=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var c,u=e.status,l=e.errorMsg;if(!a)return d("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{var f=(new Date).getTime();c=JSON.stringify({metadata:{event_sent_at_ms:f},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:t,page_url:s,status:u,surface:n,error_msg:l,shop_id:i,visit_token:o()},metadata:{event_created_at_ms:f}}]})}catch(e){return!1}var p,h=!1;try{"function"==typeof window.navigator.sendBeacon&&-1===(p=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===p.indexOf("iPad; CPU OS 12_")&&-1===p.indexOf("iPod touch; CPU iPhone OS 12_")&&(h=window.navigator.sendBeacon.bind(window.navigator)(a,c))}catch(e){h=!1}if(h)return!0;try{var m=new XMLHttpRequest;return m.open("POST",a,!0),m.setRequestHeader("Content-Type","text/plain"),m.send(c),!0}catch(e){return d("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:i,browserTarget:p,surface:t.surface,shopId:t.shopId,monorailEndpoint:t.monorailEndpoint});if(Boolean(null==(y=null==(m=window.Shopify)?void 0:m.analytics)?void 0:y.replayQueue))h.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var m,y;h.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var g=window.Shopify;g.analytics=g.analytics||{};var v=g.analytics;v.replayQueue=[],v.publish=function(e,r,o){return v.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var w,b="modern"===p?"modern":"legacy",P=(null!=a?a:{modern:"",legacy:""})[b],S=[(w={baseUrl:n,hashVersion:i,buildTarget:b}).baseUrl,"/wpm","/b",w.hashVersion,"modern"===w.buildTarget?"m":"l",".js"].join("");try{f.browserTarget=p,O(function(){try{O(_)}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}),h.emit({status:"loading"})}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}function C(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(t)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],t=r[2];e.publishCustomEvent(o,d,t)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}}function _(){return h.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})}function O(e){var r;!function(e){var r=e.src,o=e.async,d=void 0===o||o,t=e.onload,n=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,c=document.createElement("script"),u=document.querySelector("head"),l=document.querySelector("body");if(c.async=d,c.src=r,i&&(c.integrity=i,c.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{c.dataset[f]=s[f]}catch(e){}if(t&&c.addEventListener("load",t),n&&c.addEventListener("error",n),u)u.appendChild(c);else{if(!l)throw new Error("Did not find a head or body element to append the script");l.appendChild(c)}}({src:S,async:!0,onload:C,onerror:e,sri:(r=P,"string"==typeof r&&/^sha384-[A-Za-z0-9+/=]+$/.test(r)?P:""),scriptDataAttributes:f})}function U(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 8779431993,storefrontBaseUrl: "https://shop.arianagrande.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://shop.arianagrande.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0","656605ce"],webPixelsConfigList: [{"id":"1310752791","configuration":"{\"businessId\":\"F7D18DD926D6F22683C5BE40\",\"environment\":\"production\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5a8ca3d2c8c198d27ce52b5826353789","type":"APP","apiClientId":861484,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"371884055","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-MBT7S8X\\\",\\\"AW-802230609\\\",\\\"AW-11016341402\\\",\\\"AW-11016255997\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"AW-745526989\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-789861424\\\",\\\"AW-11016341402\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"AW-745526989\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-789861424\\\",\\\"AW-11016341402\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"MC-PFBHYMCHC2\\\",\\\"AW-745526989\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-789861424\\\",\\\"AW-11016341402\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"MC-PFBHYMCHC2\\\",\\\"AW-11016255997\\\/GJB0CKn5p4cYEP3z\\\",\\\"AW-11016341402\\\/QGHdCNGBl4gZEJqPgIUp\\\",\\\"AW-745526989\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-789861424\\\",\\\"AW-11016341402\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"MC-PFBHYMCHC2\\\",\\\"AW-745526989\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-789861424\\\",\\\"AW-11016341402\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"AW-745526989\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-789861424\\\",\\\"AW-11016341402\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"AW-745526989\\\",\\\"AW-17542671235\\\",\\\"AW-11016277261\\\",\\\"AW-802230609\\\",\\\"AW-11039080362\\\",\\\"AW-11016255997\\\",\\\"AW-11016281377\\\",\\\"AW-789861424\\\",\\\"AW-11016341402\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"9120410995b7c9c6f4f039573265c0ea","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"209256471","configuration":"{\"gtm_id\":\"GTM-TXQR27\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"d3a930dfa08a7d4cb0011acfba0c4e54","type":"APP","apiClientId":37773246465,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"166199319","configuration":"{\"pixel_id\":\"184629655360948\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0510","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0510","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Ariana Grande | Shop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"ariana-grande-official.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/shop.arianagrande.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8860132835351","handle":"petal-opal-girly-lp-store-exclusive-lenticular-cover","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45226517037079","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8877036503063","handle":"petal-exclusive-picture-disc","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45273323601943","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589440535","handle":"petal-cloudy-gray-girl-lp-store-exclusive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093057986583","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589342231","handle":"petal-translucent-pearly-white-lp","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093057888279","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8865706115095","handle":"petal-exclusive-tour-edition-zine-cd","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45245367025687","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8860132802583","handle":"petal-cd-store-exclusive-lenticular-cover","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45226517004311","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8860132900887","handle":"petal-exclusive-recycled-black-cassette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45226517102615","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589309463","handle":"petal-cd","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093057855511","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589506071","handle":"petal-cassette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058052119","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8817540726807","handle":"hate-that-i-made-you-love-me-fluffy-tail-gray-7","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45118110105623","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8817540825111","handle":"hate-that-i-made-you-love-me-dandelion-white-7","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45118110203927","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8817540759575","handle":"hate-that-i-made-you-love-me-w-a-cappella-cd","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45118110138391","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8817540890647","handle":"hate-that-i-made-you-love-me-w-instrumental-cd","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45118110269463","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8817540792343","handle":"hate-that-i-made-you-love-me-fluffy-tail-gray-cassette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45118110171159","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8817540923415","handle":"hate-that-i-made-you-love-me-dandelion-white-cassette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45118110334999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8908319031319","handle":"petal-the-a-cappellas-digital-album","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45377603338263","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8908319096855","handle":"petal-the-instrumentals-digital-album","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45377603403799","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589866519","handle":"petal-digital-album","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093059330071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8860269019159","handle":"petal-cd-store-exclusive-lenticular-cover-petal-zip-hoodie-fan-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45227023663127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589407767","handle":"helwut-fjgtlt-wejhwl-4tjerghrty","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093057953815","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589473303","handle":"petal-cd-signed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058019351","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8825564135447","handle":"petal-ghosty-lp","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45139251593239","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473765399","handle":"petal-chainsaw-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393514889239","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473536023","handle":"petal-core-t-shirt-white","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393513938967","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473896471","handle":"petal-core-t-shirt-black","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393515479063","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473601559","handle":"petal-live-laugh-love-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393514266647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473241111","handle":"petal-blurred-flowers-longsleeve","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393512431639","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473372183","handle":"petal-script-longsleeve","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393513119767","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473437719","handle":"petal-script-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393513316375","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473503255","handle":"petal-in-the-pavement-t-shirt-white","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393513545751","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473273879","handle":"petal-ghostly-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393512759319","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8913473339415","handle":"petal-ripped-photo-baby-tee","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45393512988695","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589735447","handle":"bunnies-hoodie-black","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058707479","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589800983","handle":"petal-hoodie-gray","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093059100695","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589571607","handle":"petal-tile-photo-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058281495","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589538839","handle":"petal-portrait-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058084887","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589702679","handle":"petal-buttons","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058674711","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589604375","handle":"bunny-baby-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058478103","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589833751","handle":"petal-blanket","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093059297303","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589637143","handle":"petal-hat-black","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058609175","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589276695","handle":"petal-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093057658903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8809589669911","handle":"petal-socks-white","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45093058641943","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8860132933655","handle":"petal-zip-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45226517135383","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757163543","handle":"brighter-days-logo-zip-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172489519127","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8323801514007","handle":"the-brighter-days-ahead-foundation-vintage-black-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43729067671575","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841756737559","handle":"eternal-sunshine-teddy-bear-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172488437783","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841756082199","handle":"brighter-days-logo-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172486701079","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757327383","handle":"the-boy-is-mine-cat-beanie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172489846807","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757261847","handle":"eternal-sunshine-red-gloves","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172489781271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757491223","handle":"brighter-days-logo-tote-bag","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172490010647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841756278807","handle":"eternal-sunshine-tour-baby-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172487192599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757425687","handle":"eternal-sunshine-tour-lighter","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172489945111","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757589527","handle":"eternal-sunshine-tour-keychain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172490108951","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841756377111","handle":"eternal-sunshine-teddy-bear-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172487421975","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757687831","handle":"eternal-sunshine-lenticular-keychain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172490207255","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841756639255","handle":"ag-photo-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172488175639","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841756934167","handle":"ag-photo-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172488962071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841757032471","handle":"the-eternal-sunshine-tour-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172489224215","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8841756475415","handle":"eternal-sunshine-tour-ascend-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45172487684119","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8793893961751","handle":"dangerous-woman-tenth-anniversary-edition-2lp-2016-art-store-exclusive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45028849516567","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8793894027287","handle":"dangerous-woman-tenth-anniversary-edition-2lp-2026-art-store-exclusive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45028849582103","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8832364675095","handle":"dangerous-woman-10-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45151132811287","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8832364642327","handle":"dangerous-woman-10-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45151132614679","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8832364544023","handle":"dangerous-woman-10-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45151132090391","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8832364740631","handle":"dangerous-woman-10-hat-black","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45151133040663","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8832364773399","handle":"dangerous-woman-10-hat-white","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45151133073431","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8832364707863","handle":"dangerous-woman-10-keychain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45151133007895","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8832364609559","handle":"dangerous-woman-10-logo-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45151132418071","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8793894060055","handle":"dangerous-woman-tenth-anniversary-edition-2lp-2026-art","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45028849647639","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921763351","handle":"eternal-sunshine-deluxe-brighter-days-ahead-2lp","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091688362007","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921796119","handle":"eternal-sunshine-deluxe-brighter-days-ahead-cd","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091688493079","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921533975","handle":"brighter-days-storefront-hat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091686821911","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7798620586007","handle":"supernatural-7","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43053945061399","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7798620618775","handle":"hampstead-7","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43053945094167","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7798620553239","handle":"dandelion-7","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43053945028631","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7713640153111","handle":"twilight-zone-7","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42490950156311","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7713640185879","handle":"twilight-zone-cd-single","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42490950189079","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7713640218647","handle":"twilight-zone-cassette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42490950221847","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7562094379031","handle":"934-33-erase-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42164985757719","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921828887","handle":"eternal-sunshine-deluxe-brighter-days-ahead-digital-album","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091688624151","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7572159889431","handle":"eternal-sunshine-deluxe-brighter-days-ahead-digital-album-a-cappella-version","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42195870744599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7572159856663","handle":"eternal-sunshine-deluxe-brighter-days-ahead-digital-album-alt-cover","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42195870711831","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7572159954967","handle":"eternal-sunshine-deluxe-brighter-days-ahead-digital-album-instrumental-version","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42195870810135","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7562094444567","handle":"brighter-days-storefront-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42164986118167","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7562092085271","handle":"brighter-days-pencil-and-eraser-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42164974092311","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7161614041111","handle":"brighter-days-cropped-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41259960533015","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921566743","handle":"brighter-days-peach-keychain","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091686887447","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921599511","handle":"brighter-days-lenticular-poster","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091687018519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921435671","handle":"eternal-sunshine-deluxe-brighter-days-ahead-2lp-d2c-exclusive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091686395927","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921468439","handle":"eternal-sunshine-deluxe-brighter-days-ahead-cd-d2c-exclusive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091686559767","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7533921632279","handle":"brighter-days-ascend-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42091687116823","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7026055938071","handle":"dangerous-woman-cream-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40869378097175","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7241005498391","handle":"the-boy-is-mine-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41492021084183","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7018706829335","handle":"yes-and-crewneck","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40840959098903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7234351759383","handle":"the-boy-is-mine-cassette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41478586794007","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7161614106647","handle":"teddy-ribbed-tank-top","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41259960926231","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7015842938903","handle":"yes-and-cd-single","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40829633298455","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7178495262743","handle":"we-cant-be-friends-7","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41361962598423","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7036429533207","handle":"ag7-cropped-white-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40903568850967","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6818379431959","handle":"dangerous-woman-gray-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40337454333975","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://shop.arianagrande.com/cdn","2d9dfbe8w1156b718pbb247b16m64115e31",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"174523514903","themePublished":"true","eventMetadataId":"91c70f3f-1beb-440f-87fb-2f2d5932d2e9","pageType":"home","shopId":"8779431993","storefrontBaseUrl":"https:\/\/shop.arianagrande.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"656605ce\"]","isMerchantRequest":"false","hashVersion":"2d9dfbe8w1156b718pbb247b16m64115e31","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"home","requestId":"37b47ac3-6135-4571-9ee8-5b6f5c3afb19-1787361527"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 8779431993,
theme_id: 174523514903,
app_name: "storefront",
context_url: window.location.href,
source_url: "//shop.arianagrande.com/cdn/s/trekkie.storefront.7bcd7bb8195e24c65a61d69d69eb32392ed0d53f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//shop.arianagrande.com/cdn/s/trekkie.storefront.7bcd7bb8195e24c65a61d69d69eb32392ed0d53f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//shop.arianagrande.com/cdn/s/trekkie.storefront.7bcd7bb8195e24c65a61d69d69eb32392ed0d53f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8779431993,"isMerchantRequest":null,"themeId":174523514903,"themeCityHash":"17949542077480275318","contentLanguage":"en","currency":"USD","eventMetadataId":"91c70f3f-1beb-440f-87fb-2f2d5932d2e9"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f43e7f5e","b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"37b47ac3-6135-4571-9ee8-5b6f5c3afb19-1787361527","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//shop.arianagrande.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://shop.arianagrande.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.4.min.js"
data-application="storefront-renderer"
data-shop-id="8779431993"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="174523514903"
data-theme-name="Rhythm"
data-theme-version="2026.04.2.2"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://shop.arianagrande.com/api/collect"
></script>
<meta name="shopify-y" content="f1fe80de-6a4c-42dc-9506-6c827b31550c"><meta name="shopify-s" content="458ef573-6c50-485e-bfad-44f113d1dbfc"><meta name="new-cookie-storage-activated" content="f">
</head><body class="template__index flex flex-col grow min-h-full relative md:relative scheme-scheme1 c-bg-background c-text-content-base" data-theme="rhythm" data-themev="2026.04.2.2">
<span class="sr-only" data-e2e="aria-countdown-change" aria-live="assertive"></span><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXQR27"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Skip to content</a><content-overlay>
<div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div>
</content-overlay><!-- BEGIN sections: header-group -->
<aside id="shopify-section-sections--24320445677591__global-messaging" class="shopify-section shopify-section-group-header-group global-messaging"></aside><header id="shopify-section-sections--24320445677591__header" class="shopify-section shopify-section-group-header-group site-header md:hidden">
<div id="header-wrapper--24320445677591" class="header__wrapper scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible mb-none" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; ">
<div id="header-container--24320445677591" class="header__container grid gap-y-sm-sm gap-x-sm-sm grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-xs max-w-full md:px-container-xs md:max-w-full c-border-primary-on border-none border-x-0 border-t-0 mx-auto text-center" >
<div class="navigation-wrapper header__column flex header-md__column--0 col-span-2 justify-start items-center" >
<button class="hamburger-btn-wrapper flex flex-row gap-sm-2xs items-center text_navigation_sm c-text-primary no-underline" x-on:click="hamburgerMenuOpen = true" type="button" aria-label="Open navigation menu" :aria-expanded="hamburgerMenuOpen == true? true : false" aria-controls="menu-list-navigation" id="menu-button-navigation" aria-haspopup="true" >
<div class="header__hamburgermenu--icon h-min-click-space min-w-min-click-space flex justify-center items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
<path d="M0 80C0 71.16 7.164 64 16 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H16C7.164 96 0 88.84 0 80zM0 240C0 231.2 7.164 224 16 224H432C440.8 224 448 231.2 448 240C448 248.8 440.8 256 432 256H16C7.164 256 0 248.8 0 240zM432 416H16C7.164 416 0 408.8 0 400C0 391.2 7.164 384 16 384H432C440.8 384 448 391.2 448 400C448 408.8 440.8 416 432 416z"/>
</svg>
</div>
</button>
<div class="hamburger-wrapper fixed z-[1000000] top-0 inset-x-0 transform origin-top-left w-full h-screen md:flex overflow-scroll overscroll-contain" x-show="hamburgerMenuOpen" x-cloak>
<div class="hamburger-container w-[83%] md:w-[40%] max-w-sm h-screen absolute right-0 z-10 overflow-scroll left-0 right-[17%] md:left-0 md:right-[60%] c-bg-primary-on c-text-primary py-lg-md" x-show="hamburgerMenuOpen"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="-translate-x-full"x-transition:enter-end="translate-x-0"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="translate-x-0"x-transition:leave-end="-translate-x-full">
<div class="hamburger-header-wrapper flex justify-between items-center py-sm-sm text_navigation_sm c-text-primary">
<span class="hamburger-header-wrapper flex px-lg-2xl">
</span>
<button class="hamburger-close-btn-wrapper h-[3rem] w-[3rem] p-sm-sm mr-sm-md" x-on:click="hamburgerMenuOpen = false" type="button" aria-label="Close navigation menu" :aria-expanded="hamburgerMenuOpen == true? true : false" aria-controls="menu-list-navigation">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
<path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
</svg>
</button>
</div>
<nav class="nav-wrapper" aria-label="Header main menu" >
<ul class="navigation-container flex flex-col text-left gap-x-sm-sm gap-y-sm-xs" id="menu-list-navigation" aria-labelledby="menu-button-navigation"role="menu">
<li class="" role="presentation">
<button href="/collections/music" class="header__navigation-link flex relative w-full text_navigation_md c-text-primary px-lg-2xl no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'music' ? null : 'music')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'music').toString()" aria-controls="dropdown_menu_music" aria-haspopup="menu">
Music
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'music' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex flex-col gap-y-sm-xs gap-x-lg-sm md:gap-x-container-sm py-container-xs px-container-xs c-bg-primary-on c-text-primary" role="menu" id="dropdown_menu_music" x-show="dropDownMenuOpen === 'music'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'music' ? null : dropDownMenuOpen)">
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/vinyl-collection" role="menuitem">
vinyl
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/cd" role="menuitem">
cd
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/cassette" role="menuitem">
cassette
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/digital-downloads" role="menuitem">
digital downloads
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/music" role="menuitem">
all music
</a>
</li>
</ul>
</li>
<li class="" role="presentation">
<button href="/collections/merch" class="header__navigation-link flex relative w-full text_navigation_md c-text-primary px-lg-2xl no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'merch' ? null : 'merch')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'merch').toString()" aria-controls="dropdown_menu_merch" aria-haspopup="menu">
MERCH
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'merch' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex flex-col gap-y-sm-xs gap-x-lg-sm md:gap-x-container-sm py-container-xs px-container-xs c-bg-primary-on c-text-primary" role="menu" id="dropdown_menu_merch" x-show="dropDownMenuOpen === 'merch'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'merch' ? null : dropDownMenuOpen)">
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/tees-tanks" role="menuitem">
tees + tanks
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/hoodies-crewnecks" role="menuitem">
hoodies + crews
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/accessories" role="menuitem">
accessories
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/last-chance" role="menuitem">
last chance
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/merch" role="menuitem">
shop all
</a>
</li>
</ul>
</li>
<li class="" role="presentation">
<button href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_md c-text-primary px-lg-2xl no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'collections' ? null : 'collections')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'collections').toString()" aria-controls="dropdown_menu_collections" aria-haspopup="menu">
collections
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'collections' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex flex-col gap-y-sm-xs gap-x-lg-sm md:gap-x-container-sm py-container-xs px-container-xs c-bg-primary-on c-text-primary" role="menu" id="dropdown_menu_collections" x-show="dropDownMenuOpen === 'collections'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'collections' ? null : dropDownMenuOpen)">
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/petal" role="menuitem">
petal
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/eternal-sunshine" role="menuitem">
eternal sunshine
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/brighter-days-ahead" role="menuitem">
brighter days ahead
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/positions" role="menuitem">
positions
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/thank-u-next" role="menuitem">
thank u, next
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/dangerous-woman" role="menuitem">
dangerous woman
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/sweetener" role="menuitem">
sweetener
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/my-everything" role="menuitem">
my everything
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/collections/yours-truly" role="menuitem">
yours truly
</a>
</li>
</ul>
</li>
<li class="" role="presentation">
<button href="/pages/tour" class="header__navigation-link flex relative w-full text_navigation_md c-text-primary px-lg-2xl no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'tour_hub' ? null : 'tour_hub')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'tour_hub').toString()" aria-controls="dropdown_menu_tour_hub" aria-haspopup="menu">
tour hub
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'tour_hub' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex flex-col gap-y-sm-xs gap-x-lg-sm md:gap-x-container-sm py-container-xs px-container-xs c-bg-primary-on c-text-primary" role="menu" id="dropdown_menu_tour_hub" x-show="dropDownMenuOpen === 'tour_hub'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'tour_hub' ? null : dropDownMenuOpen)">
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/pages/tour-hub" role="menuitem">
tour hub
</a>
</li>
<li class="text_navigation_md c-text-primary px-lg-2xl no-underline gap-y-sm-xs" role="none">
<a href="/pages/tour" role="menuitem">
tour dates
</a>
</li>
</ul>
</li>
<li class="" role="presentation">
<a href="https://rembeauty.com/" class="header__navigation-link flex relative w-full text_navigation_md c-text-primary px-lg-2xl no-underline" role="menuitem">
r.e.m. beauty
</a>
</li>
<li class="" role="presentation">
<a href="https://www.brighterdaysaheadfoundation.org" class="header__navigation-link flex relative w-full text_navigation_md c-text-primary px-lg-2xl no-underline" role="menuitem">
The Brighter Days Ahead Foundation
</a>
</li>
<li class="" role="presentation">
<a href="https://arianagrandefragrances.com/" class="header__navigation-link flex relative w-full text_navigation_md c-text-primary px-lg-2xl no-underline" role="menuitem">
Fragrances
</a>
</li>
<ul class="account-navigation-container flex flex-col text-left gap-x-sm-sm gap-y-sm-xs">
<li class="
" >
<a href="https://account.shop.arianagrande.com/orders?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhcmlhbmEtZ3JhbmRlLW9mZmljaWFsLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc4Nzk2NjMyNywibmJmIjoxNzg3MzYxNTI3fQ.6fi_UY3YlbVLEBm-wlUIMTFFvOrPEW2Kw8hzTrLlzZY®ion_country=US" class="header__navigation--account-link px-lg-2xl text_navigation_md c-text-primary px-lg-2xl no-underline">
Login
</a>
</li>
</ul>
</ul>
</nav>
</div>
<button class="absolute top-0 left-0 bottom-0 right-0 bg-black/30 w-full h-screen -z-1" x-show="hamburgerMenuOpen"x-on:click="hamburgerMenuOpen = false"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="opacity-0"x-transition:enter-end="opacity-100"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="opacity-100"x-transition:leave-end="opacity-0">
<span class="sr-only">
Close navigation menu
</span>
</button>
</div>
</div>
<div class="header__column header__column--1 header__column--actions flex col-span-2 justify-end items-center" >
<div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
<div class="flex fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
<button class="btn-search text_navigation_sm c-text-secondary no-underline c-text-primary"
x-on:click="searchBarOpen = true;$nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchInput.focus(), 10) })" type="button" aria-label="Open Search Bar" x-ref="searchToggle" :aria-expanded="searchBarOpen" aria-controls="header-search-dropdown"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
<path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
</svg>
</button>
</div>
</div>
</div>
<div class="header__column header__column--2 header__column--logo flex col-span-4 justify-center items-center" >
<div x-ref="logoContainer" class="logo-container" >
<h1>
<span class="sr-only">Ariana Grande | Shop</span>
<a class="logo-cntr block" href="/" style=" --logo-width: 12.5rem; " title="Ariana Grande | Shop">
<picture class="image__adaptive">
<source data-src="//shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=1742" alt="Ariana Grande | Shop" srcset="//shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=100 100w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=300 300w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=400 400w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=500 500w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=600 600w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=800 800w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=1600 1600w" width="1742" height="923" loading="eager" sizes="(min-width: 768px) 200px, 200px" media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=900" alt="Ariana Grande | Shop" srcset="//shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=100 100w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=300 300w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=400 400w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=500 500w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=600 600w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=800 800w" width="900" height="477" loading="eager" sizes="(min-width: 768px) 200px, 200px" class="w-full object-cover image__responsive">
</picture>
</a></h1>
</div>
</div>
<div class="header__column header__column--3 header__column--actions flex col-span-4 justify-end items-center" >
<div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
<a href="https://account.shop.arianagrande.com/orders?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhcmlhbmEtZ3JhbmRlLW9mZmljaWFsLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc4Nzk2NjMyNywibmJmIjoxNzg3MzYxNTI3fQ.6fi_UY3YlbVLEBm-wlUIMTFFvOrPEW2Kw8hzTrLlzZY®ion_country=US" class="header__action header__action--account-link text_navigation_sm c-text-secondary no-underline c-text-primary flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space block overflow-hidden">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"/>
</svg>
<span class="sr-only">Account</span>
</div>
</a>
<cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_sm c-text-secondary no-underline c-text-primary" tabindex="-1">
<a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
<div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
<path d="M128 128V96C128 42.98 170.1 0 224 0C277 0 320 42.98 320 96V128H400C426.5 128 448 149.5 448 176V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V176C0 149.5 21.49 128 48 128H128zM160 128H288V96C288 60.65 259.3 32 224 32C188.7 32 160 60.65 160 96V128zM48 160C39.16 160 32 167.2 32 176V416C32 451.3 60.65 480 96 480H352C387.3 480 416 451.3 416 416V176C416 167.2 408.8 160 400 160H320V240C320 248.8 312.8 256 304 256C295.2 256 288 248.8 288 240V160H160V240C160 248.8 152.8 256 144 256C135.2 256 128 248.8 128 240V160H48z"/>
</svg>
</div>
<span class="sr-only">Cart</span>
<div id="header-cart-count" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
</a>
</cart-drawer-toggle-button>
</div>
</div>
<div class="header__column header__column--4 header__column--developer col-span-2" >
<div class="developer-container items-center col-span-full" >
<style data-shopify>.header__container {
padding-bottom: 0px;
}
.cart-count{
background-color: #DDD8CF;
}
</style>
</div>
</div>
</div>
<div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-primary-on c-bg-background c-text-content-base"
x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
@keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
id="header-search-dropdown"
>
<div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-sm max-w-full md:px-container-sm md:max-w-full">
<form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
<div class="predictive-search__input-wrapper relative w-full">
<input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-xl border-default-width-wide c-border-content-base py-sm-xs px-sm-xl header__search-input" id="search-sections--24320445677591__header" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
<button class="predictive-search__input-icon box-content h-full border-default-size-wide flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width-wide border-transparent c-text-content-base w-4 px-sm-xl rounded-br-xl rounded-tr-xl" type="submit" aria-label="Search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
<path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
</svg>
</button>
</div>
</form>
</div>
</div>
</div>
<style> #shopify-section-sections--24320445677591__header .hamburger-close-btn-wrapper {color: black;} #shopify-section-sections--24320445677591__header .actions-container .w-6 {width: 1.2rem; height: 1.3rem;} </style></header><header id="shopify-section-sections--24320445677591__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid">
<div id="header-md-wrapper--24320445677591" class="header__wrapper header__wrapper--md scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible mb-none border-none c-border-transparent border-x-0 border-t-0" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; ">
<div id="header-md-container--24320445677591" class="header__container header__container--md grid gap-y-sm-sm gap-x-sm-sm grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-2xl max-w-full md:px-container-2xl md:max-w-full mx-auto text-center" >
<div class="header__column header__column--0 header__column--developer col-span-4" >
<div class="developer-container items-center col-span-full" >
<div class="search-bar order-4 col-span-3 md:order-2 md:col-span-1 w-full h-full flex"><form id="search-form" class="flex w-full h-full items-stretch" action="/search?" method="get" role="search" aria-label="Sitewide" data-editor-form-attribute=""><label for="search" class="sr-only text_body_md text-th-display py-sm-xs px-sm-xs">Search</label><div class="relative w-full flex h-full"><div></div><input class="appearance-none w-full text_body_md text-th-display bg-transparent shadow-sm rounded-none border-default-width border-gray-600 py-sm-xs px-sm-xs flex h-full border-y-0 border-solid border-default-width-narrow border-gray-600" type="search" value="" name="q" id="search" placeholder="Search our store" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput">
<button class="w-4 px-sm-xs h-full" type="submit" aria-label="Search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="w-full h-full icon icon-search" fill="currentColor">
<path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"></path></svg></button></div></form></div>
<style data-shopify>.search-bar input {
background: transparent;
}
.search-bar {
justify-content: center;
align-content: center;
}
.developer-container{
height: 100%;
}
@media (min-width: 768px) {
header .search-bar {
order: 0;
max-width: 230px;
}
header .search-bar input{
height: 2em;
margin: auto;
border: none;
border-bottom: 1px solid white;
font-size: 13px;
margin-left: 2rem;
font-weight: normal;
outline-style: none;
box-shadow: none;
border-color: white;
color: white !important;
box-shadow: unset !important;
}
header .search-bar button[type=submit] {
position: absolute;
left: 0px;
width: 2rem;
height: 2rem;
top: 50%;
transform: translateY(-50%);
}
header .search-bar button[type=submit] svg {
color: white;
}
header .search-bar button[type=submit] svg path{
stroke-width: 36;
stroke: white;
}
header .icon-currency {
height: 1.4rem;
margin-bottom: 1px;
}
input:focus{
box-shadow: unset !important;
outline: none !important;
box-shadow: none;
border-color: white;
}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: white !important;
opacity: 1; /* Firefox */
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white !important;
}
input::-ms-input-placeholder { /* Microsoft Edge */
color: white !important;
}
header .icons-container {
gap: 1.7em;
padding-right: 2.7em;
}
header .logo-container{
justify-content: center;
}
}
</style>
</div>
</div>
<div class="header__column header__column--1 header__column--logo flex col-span-4 justify-center items-center" >
<div x-ref="logoContainer" class="logo-container" >
<h1>
<span class="sr-only">Ariana Grande | Shop</span>
<a class="logo-cntr block" href="/" style=" --logo-width: 10.0rem; " title="Ariana Grande | Shop">
<picture class="image__adaptive">
<source data-src="//shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=1742" alt="Ariana Grande | Shop" srcset="//shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=100 100w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=300 300w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=400 400w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=500 500w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=600 600w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=800 800w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/r7plz-5555f-6gm1a.png?v=1777386804&width=1600 1600w" width="1742" height="923" loading="eager" sizes="(min-width: 768px) 160px, 160px" media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=900" alt="Ariana Grande | Shop" srcset="//shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=100 100w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=300 300w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=400 400w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=500 500w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=600 600w, //shop.arianagrande.com/cdn/shop/files/l7mt8-pp9dt-jgpn6.png?v=1777386804&width=800 800w" width="900" height="477" loading="eager" sizes="(min-width: 768px) 160px, 160px" class="w-full object-cover image__responsive">
</picture>
</a></h1>
</div>
</div>
<div class="header__column header__column--2 header__column--actions flex col-span-4 justify-end items-center" >
<div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
<a href="https://account.shop.arianagrande.com/orders?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhcmlhbmEtZ3JhbmRlLW9mZmljaWFsLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc4Nzk2NjMyNywibmJmIjoxNzg3MzYxNTI3fQ.6fi_UY3YlbVLEBm-wlUIMTFFvOrPEW2Kw8hzTrLlzZY®ion_country=US" class="header__action header__action--account-link text_navigation_md hover:c-text-secondary no-underline hover:no-underline flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space block overflow-hidden">
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"/>
</svg>
<span class="sr-only">Account</span>
</div>
</a>
<cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md hover:c-text-secondary no-underline hover:no-underline" tabindex="-1">
<a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
<div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
<path d="M128 128V96C128 42.98 170.1 0 224 0C277 0 320 42.98 320 96V128H400C426.5 128 448 149.5 448 176V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V176C0 149.5 21.49 128 48 128H128zM160 128H288V96C288 60.65 259.3 32 224 32C188.7 32 160 60.65 160 96V128zM48 160C39.16 160 32 167.2 32 176V416C32 451.3 60.65 480 96 480H352C387.3 480 416 451.3 416 416V176C416 167.2 408.8 160 400 160H320V240C320 248.8 312.8 256 304 256C295.2 256 288 248.8 288 240V160H160V240C160 248.8 152.8 256 144 256C135.2 256 128 248.8 128 240V160H48z"/>
</svg>
</div>
<span class="sr-only">Cart</span>
<div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-secondary c-text-secondary-on empty:hidden"></div>
</a>
</cart-drawer-toggle-button>
</div>
</div>
<div class="navigation-wrapper header__column flex header-md__column--3 col-span-12 justify-center items-center" >
<nav class="nav-wrapper" aria-label="Header main menu" >
<ul class="navigation-container flex flex-row flex-wrap justify-center items-center text-center gap-x-sm-xl gap-y-sm-xs" role="menubar">
<li class="" role="none">
<button href="/collections/music" class="header__navigation-link flex relative w-full text_navigation_md hover:c-text-secondary no-underline hover:no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'music' ? null : 'music')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'music').toString()" aria-controls="dropdown_menu_music" aria-haspopup="menu">
Music
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'music' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex absolute z-[11] flex-col mt-lg-2xs gap-y-none gap-x-lg-2xs md:gap-x-container-2xs py-none px-none c-bg-background c-text-content-base" role="menu" id="dropdown_menu_music" x-show="dropDownMenuOpen === 'music'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'music' ? null : dropDownMenuOpen)">
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/vinyl-collection" role="menuitem">
vinyl
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/cd" role="menuitem">
cd
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/cassette" role="menuitem">
cassette
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/digital-downloads" role="menuitem">
digital downloads
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/music" role="menuitem">
all music
</a>
</li>
</ul>
</li>
<li class="" role="none">
<button href="/collections/merch" class="header__navigation-link flex relative w-full text_navigation_md hover:c-text-secondary no-underline hover:no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'merch' ? null : 'merch')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'merch').toString()" aria-controls="dropdown_menu_merch" aria-haspopup="menu">
MERCH
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'merch' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex absolute z-[11] flex-col mt-lg-2xs gap-y-none gap-x-lg-2xs md:gap-x-container-2xs py-none px-none c-bg-background c-text-content-base" role="menu" id="dropdown_menu_merch" x-show="dropDownMenuOpen === 'merch'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'merch' ? null : dropDownMenuOpen)">
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/tees-tanks" role="menuitem">
tees + tanks
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/hoodies-crewnecks" role="menuitem">
hoodies + crews
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/accessories" role="menuitem">
accessories
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/last-chance" role="menuitem">
last chance
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/merch" role="menuitem">
shop all
</a>
</li>
</ul>
</li>
<li class="" role="none">
<button href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_md hover:c-text-secondary no-underline hover:no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'collections' ? null : 'collections')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'collections').toString()" aria-controls="dropdown_menu_collections" aria-haspopup="menu">
collections
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'collections' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex absolute z-[11] flex-col mt-lg-2xs gap-y-none gap-x-lg-2xs md:gap-x-container-2xs py-none px-none c-bg-background c-text-content-base" role="menu" id="dropdown_menu_collections" x-show="dropDownMenuOpen === 'collections'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'collections' ? null : dropDownMenuOpen)">
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/petal" role="menuitem">
petal
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/eternal-sunshine" role="menuitem">
eternal sunshine
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/brighter-days-ahead" role="menuitem">
brighter days ahead
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/positions" role="menuitem">
positions
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/thank-u-next" role="menuitem">
thank u, next
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/dangerous-woman" role="menuitem">
dangerous woman
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/sweetener" role="menuitem">
sweetener
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/my-everything" role="menuitem">
my everything
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/collections/yours-truly" role="menuitem">
yours truly
</a>
</li>
</ul>
</li>
<li class="" role="none">
<button href="/pages/tour" class="header__navigation-link flex relative w-full text_navigation_md hover:c-text-secondary no-underline hover:no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'tour_hub' ? null : 'tour_hub')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'tour_hub').toString()" aria-controls="dropdown_menu_tour_hub" aria-haspopup="menu">
tour hub
<div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'tour_hub' }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</button>
<ul class="header__navigation-dropdown-container menu-container text-left flex absolute z-[11] flex-col mt-lg-2xs gap-y-none gap-x-lg-2xs md:gap-x-container-2xs py-none px-none c-bg-background c-text-content-base" role="menu" id="dropdown_menu_tour_hub" x-show="dropDownMenuOpen === 'tour_hub'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'tour_hub' ? null : dropDownMenuOpen)">
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/pages/tour-hub" role="menuitem">
tour hub
</a>
</li>
<li class="text_navigation_sm px-lg-2xl no-underline hover:no-underline gap-x-sm-2xs gap-y-none" role="none">
<a href="/pages/tour" role="menuitem">
tour dates
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="navigation-wrapper header__column flex header-md__column--4 col-span-12 justify-center items-center" >
<nav class="nav-wrapper" aria-label="Header main menu" >
<ul class="navigation-container flex flex-row flex-wrap justify-center items-center text-center gap-x-sm-xl gap-y-sm-xs" role="menubar">
<li class="" role="none">
<a href="https://rembeauty.com/" class="header__navigation-link flex relative w-full text_navigation_md hover:c-text-secondary no-underline hover:no-underline" role="menuitem">
r.e.m. beauty
</a>
</li>
<li class="" role="none">
<a href="https://www.brighterdaysaheadfoundation.org" class="header__navigation-link flex relative w-full text_navigation_md hover:c-text-secondary no-underline hover:no-underline" role="menuitem">
The Brighter Days Ahead Foundation
</a>
</li>
<li class="" role="none">
<a href="https://arianagrandefragrances.com/" class="header__navigation-link flex relative w-full text_navigation_md hover:c-text-secondary no-underline hover:no-underline" role="menuitem">
Fragrances
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-transparent c-bg-background c-text-content-base"
x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }"
@keydown.escape="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements(); setTimeout(() => $refs.searchToggle.focus({ focusVisible: true }), 10) })"
id="header-search-dropdown"
>
<div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-sm max-w-full md:px-container-sm md:max-w-full">
<form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide">
<div class="predictive-search__input-wrapper relative w-full">
<input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-xl border-default-width-wide c-border-content-base py-sm-xs px-sm-xl header-md__search-input" id="search-sections--24320445677591__header-md" type="search" value="" name="q" placeholder="Search"aria-label="Search" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput" >
<button class="predictive-search__input-icon box-content h-full border-default-size-wide flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width-wide border-transparent c-text-content-base w-4 px-sm-xl rounded-br-xl rounded-tr-xl" type="submit" aria-label="Search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor">
<path d="M507.3 484.7l-141.5-141.5C397 306.8 415.1 259.7 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c51.68 0 98.85-18.96 135.2-50.15l141.5 141.5C487.8 510.4 491.9 512 496 512s8.188-1.562 11.31-4.688C513.6 501.1 513.6 490.9 507.3 484.7zM208 384C110.1 384 32 305 32 208S110.1 32 208 32S384 110.1 384 208S305 384 208 384z"/>
</svg>
</button>
</div>
</form>
</div>
</div>
</div>
<style> #shopify-section-sections--24320445677591__header-md /* .text_navigation_sm:nth-of-type(2n) {transform: rotate(-2deg);}.text_navigation_sm:nth-of-type(3n) {transform: rotate(1deg);}.text_navigation_sm {margin: 0.5em; background-color: #131312;} */.header__navigation-dropdown-container li {margin-bottom: 1em;} #shopify-section-sections--24320445677591__header-md .header__navigation-link {font-weight: bold;} #shopify-section-sections--24320445677591__header-md .header__navigation-dropdown-container a:hover {color: white;} #shopify-section-sections--24320445677591__header-md .header__navigation-dropdown-container li {margin-bottom: 0em;} </style></header><aside id="shopify-section-sections--24320445677591__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects">
<div class="w-full soft-redirect soft-redirect--inline" x-data="{ softRedirectVisible: $persist(true).using(sessionStorage) }" :class="softRedirectVisible || 'hidden'">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden" data-geo-show="AU,BE,BR,CA,CO,DK,EE,FI,FR,DE,HK,IS,ID,IT,JP,LV,LT,MY,MX,NL,NO,PL,SG,ES,SE,TH,GB">
<div class="section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-xs max-w-full md:px-container-xs md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-none rounded-none shadow-none flex flex-col gap-y-sm-sm justify-center text-center">
<h2 class="text_heading_lg">Looks like you are in <span data-geo-countryname-replace></span>.</h2>
<p class="text_body_md">Would you like to visit your local store?</p>
<ul class="flex flex-col md:flex-row gap-sm-sm justify-center items-stretch text-center">
<li
data-geo-show="AU"
>
<a class="block w-full btn btn--primary" href="https://shopau.arianagrande.com/">Take me there</a>
</li>
<li
data-geo-show="BE"
>
<a class="block w-full btn btn--primary" href="https://musicstation.be/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="BR"
>
<a class="block w-full btn btn--primary" href="https://www.umusicstore.com/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="CA"
>
<a class="block w-full btn btn--primary" href="https://shopca.arianagrande.com/">Take me there</a>
</li>
<li
data-geo-show="CO"
>
<a class="block w-full btn btn--primary" href="https://universalmusicstore.com.co/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="DK"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="EE"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="FI"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="FR"
>
<a class="block w-full btn btn--primary" href="https://shopfr.arianagrande.com/">Take me there</a>
</li>
<li
data-geo-show="DE"
>
<a class="block w-full btn btn--primary" href="https://shopde.arianagrande.com/">Take me there</a>
</li>
<li
data-geo-show="HK"
>
<a class="block w-full btn btn--primary" href="https://hkushop.com/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="IS"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="ID"
>
<a class="block w-full btn btn--primary" href="https://www.umusicstore.co.id/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="IT"
>
<a class="block w-full btn btn--primary" href="https://shop.universalmusic.it/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="JP"
>
<a class="block w-full btn btn--primary" href="https://store.universal-music.co.jp/artist/ariana-grande/">Take me there</a>
</li>
<li
data-geo-show="LV"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="LT"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="MY"
>
<a class="block w-full btn btn--primary" href="https://umusic.my/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="MX"
>
<a class="block w-full btn btn--primary" href="https://udiscover.mx/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="NL"
>
<a class="block w-full btn btn--primary" href="https://platenzaak.nl/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="NO"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="PL"
>
<a class="block w-full btn btn--primary" href="https://muzyka.sklep.pl/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="SG"
>
<a class="block w-full btn btn--primary" href="https://umusic.sg/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="ES"
>
<a class="block w-full btn btn--primary" href="https://universalmusiconline.es/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="SE"
>
<a class="block w-full btn btn--primary" href="https://umgshop.com/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="TH"
>
<a class="block w-full btn btn--primary" href="https://umusic.co.th/collections/ariana-grande">Take me there</a>
</li>
<li
data-geo-show="GB"
>
<a class="block w-full btn btn--primary" href="https://shopuk.arianagrande.com/">Take me there</a>
</li>
<li>
<button class="block w-full btn btn--secondary" x-on:click="softRedirectVisible = false; const dialog = $event.target.closest('dialog'); dialog.classList.remove('!block'); dialog.close()">Stay here</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</aside>
<!-- END sections: header-group --><cart-drawer hidden id="cart-drawer" class="cart-drawer fixed z-[1000002] top-0 max-w-11/12 h-full w-full md:max-w-xs motion-safe:animate-none right-0 translate-x-full transition-transform duration-300 ease-in-out">
<style>
.cart-drawer.active {
transform: translateX(0);
}
</style>
<div class="cart-drawer__innerwrapper grid grid-rows-[auto_1fr_auto] h-full overflow-y-scroll overscroll-x-contain cart-drawer--empty section__container grid py-none px-none md:px-none gap-y-sm-md c-bg-primary c-text-primary-on border-none c-border-secondary-on rounded-none shadow-none rounded-tr-none rounded-br-none border-r-0">
<div class="cart-drawer__header flex justify-between items-start px-sm-2xl pt-sm-md">
<button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs">
<span class="sr-only">Close cart</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
<path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
</svg>
</button>
</div>
<div class="cart-drawer__main grow flex flex-col items-stretch px-sm-2xl" id="cart-drawer-main">
<div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg">
<h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4>
<p class="cart__empty-message text_body">Time to fill up the cart</p>
<cart-drawer-toggle-button class="cart__empty-action" tabindex="0">
<button class="btn btn--primary block z-10 relative">Continue shopping</button>
</cart-drawer-toggle-button>
</div>
</div>
</div>
</cart-drawer><main id="MainContent" role="main" class="z-10 grow"><section id="shopify-section-template--24320444760087__hero_banner_yBxKnP" class="shopify-section hero-banner">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-sm">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-xl md:px-container-2xl md:max-w-xl">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div id="hero-template--24320444760087__hero_banner_yBxKnP" class="hero-banner__wrapper overflow-hidden flex flex-col relative w-full scheme-scheme1">
<div key="image_banner_hGftBB" class="flex" data-items-element="swiper-slide" x-data="{ videoPlaying: false, open: false }">
<a href="/collections/petal" class="absolute z-[1] w-full h-full -outline-offset-4"></a>
<div key="image_banner_hGftBB" class="relative w-full banner-container" >
<div class="hero-media-container hero-media-container-image flex w-full">
<div class="hero-media-image-container grid grid-cols-1 grid-rows-1 w-full h-full">
<div class="hero-media-image col-start-1 row-start-1 md:h-auto md:pb-0">
<picture class="image__adaptive w-full h-full object-cover">
<source data-src="//shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=2210" srcset="//shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=100 100w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=300 300w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=400 400w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=500 500w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=600 600w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=800 800w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=1600 1600w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outDESK.png?v=1785510395&width=2000 2000w" width="2210" height="1100" loading="lazy" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 100vw, (min-width: 1024px) 100rem, (max-width: 759px) 100vw," media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outMOBILE.png?v=1785510395&width=900" srcset="//shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outMOBILE.png?v=1785510395&width=100 100w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outMOBILE.png?v=1785510395&width=300 300w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outMOBILE.png?v=1785510395&width=400 400w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outMOBILE.png?v=1785510395&width=500 500w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outMOBILE.png?v=1785510395&width=600 600w, //shop.arianagrande.com/cdn/shop/files/27803-nbgeh-p9203_outMOBILE.png?v=1785510395&width=800 800w" width="900" height="1064" loading="lazy" sizes="(min-width: 1024px and max-width: 100rem) 100vw, (min-width: 760px and max-width: 100rem) 100vw, (min-width: 1024px) 100rem, (max-width: 759px) 100vw," class="w-full h-full object-cover image__responsive">
</picture>
</div>
</div>
</div>
<div
class="absolute z-10 top-0 left-0 w-full h-full banner__fg pointer-events-none"
>
<div class="hero-banner__content w-[var(--width)] md:w-[var(--width--md)] left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] absolute -translate-x-2/4 -translate-y-2/4 scheme-scheme1" style="--width: 80%; --width--md: 50%; --pos-x: 50%; --pos-x--md: 50%; --pos-y: 50%; --pos-y--md: 50%;">
<div class="relative flex flex-col items-center md:items-center text-center md:text-center">
<div class="flex flex-col items-start md:items-center mt-lg-md md:flex-row gap-sm-sm justify-center md:justify-center">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<style> @media screen and (max-width: 768px) {#shopify-section-template--24320444760087__hero_banner_yBxKnP .section-spacing {padding: 2em; } #shopify-section-template--24320444760087__hero_banner_yBxKnP .content-wrapper {padding: 0px; }} </style></section><section id="shopify-section-template--24320444760087__featured_collection_ahtiyr" class="shopify-section featured-collection">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-title-link">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-center md:items-center gap-sm-md">
<div class="flex flex-col items-center md:items-center text-center md:text-center center">
<h2 class="c-text-content-heading text_heading_lg">petal music</h2>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div
data-items-element="swiper__parent"
class="carousel-wrapper w-full min-w-full relative"
data-carousel-type="grid-carousel"
data-carousel-class="carousel-wrapper w-full min-w-full relative"
data-carousel-layout="carousel"
data-carousel-layout-md="carousel"
data-slides-per-view="1"
data-slides-per-view-md="3"
data-slides-per-view-lg="4"
data-carousel-loop="false"
data-carousel-autoplay="0"
data-carousel-peek="false"
data-carousel-peek-md="false"
data-carousel-peek-value="0.15"
data-carousel-peek-value-md="0.15"
data-carousel-dragfree="false"
data-carousel-align="start"
data-carousel-align-md="start"
data-carousel-gap-x="sm"
data-carousel-gap-y="sm"
data-carousel-zoom=""
data-carousel-pagination-type=""
style="--cols: 1; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-sm,0); --grid-gap-x: var(--gap-container-sm,0); --grid-gap-y: var(--gap-container-sm,0);"
>
<div
data-items-element="swiper__viewport"
class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
<ul
data-items-element="swiper-wrapper"
class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-next-url=""
>
<li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8860132835351-template--24320444760087__featured_collection_ahtiyr-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8860132835351" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-opal-girly-lp-store-exclusive-lenticular-cover"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=1200" alt="petal opal girly lp (store exclusive lenticular cover)" srcset="//shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=100 100w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=300 300w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=400 400w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=500 500w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=600 600w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=800 800w, //shop.arianagrande.com/cdn/shop/files/VinylGIFSaturationBUMP20-R1.gif?v=1781792647&width=1200 1200w" width="1200" height="1200" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/q3r5yyj_LP_D2C2_packshot_1.png?v=1781792647&width=1000" alt="petal opal girly lp (store exclusive lenticular cover)" srcset="//shop.arianagrande.com/cdn/shop/files/q3r5yyj_LP_D2C2_packshot_1.png?v=1781792647&width=100 100w, //shop.arianagrande.com/cdn/shop/files/q3r5yyj_LP_D2C2_packshot_1.png?v=1781792647&width=300 300w, //shop.arianagrande.com/cdn/shop/files/q3r5yyj_LP_D2C2_packshot_1.png?v=1781792647&width=400 400w, //shop.arianagrande.com/cdn/shop/files/q3r5yyj_LP_D2C2_packshot_1.png?v=1781792647&width=500 500w, //shop.arianagrande.com/cdn/shop/files/q3r5yyj_LP_D2C2_packshot_1.png?v=1781792647&width=600 600w, //shop.arianagrande.com/cdn/shop/files/q3r5yyj_LP_D2C2_packshot_1.png?v=1781792647&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--store_exclusive product__tag product__tag--store_exclusive card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >store exclusive</div> </li> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> <li> <div class="tag tag--restocked product__tag product__tag--restocked card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >restocked</div> </li> </ul> <a href="/products/petal-opal-girly-lp-store-exclusive-lenticular-cover" aria-label="petal opal girly lp (store exclusive lenticular cover)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal opal girly lp (store exclusive lenticular cover) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$39.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal opal girly lp (store exclusive lenticular cover)"></span> <span name="gtm_item_id" value="8860132835351"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957923705"></span> <span name="gtm_item_price" value="39.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8877036503063-template--24320444760087__featured_collection_ahtiyr-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8877036503063" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-exclusive-picture-disc"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/FrontResized_379d48b4-cdad-42c6-82f1-fa1ed1534794.png?v=1783511134&width=1000" alt="petal exclusive picture disc Front" srcset="//shop.arianagrande.com/cdn/shop/files/FrontResized_379d48b4-cdad-42c6-82f1-fa1ed1534794.png?v=1783511134&width=100 100w, //shop.arianagrande.com/cdn/shop/files/FrontResized_379d48b4-cdad-42c6-82f1-fa1ed1534794.png?v=1783511134&width=300 300w, //shop.arianagrande.com/cdn/shop/files/FrontResized_379d48b4-cdad-42c6-82f1-fa1ed1534794.png?v=1783511134&width=400 400w, //shop.arianagrande.com/cdn/shop/files/FrontResized_379d48b4-cdad-42c6-82f1-fa1ed1534794.png?v=1783511134&width=500 500w, //shop.arianagrande.com/cdn/shop/files/FrontResized_379d48b4-cdad-42c6-82f1-fa1ed1534794.png?v=1783511134&width=600 600w, //shop.arianagrande.com/cdn/shop/files/FrontResized_379d48b4-cdad-42c6-82f1-fa1ed1534794.png?v=1783511134&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/MOUSE-00007--1000x1398-GIF.gif?v=1783511135&width=1000" alt="petal exclusive picture disc gif" srcset="//shop.arianagrande.com/cdn/shop/files/MOUSE-00007--1000x1398-GIF.gif?v=1783511135&width=100 100w, //shop.arianagrande.com/cdn/shop/files/MOUSE-00007--1000x1398-GIF.gif?v=1783511135&width=300 300w, //shop.arianagrande.com/cdn/shop/files/MOUSE-00007--1000x1398-GIF.gif?v=1783511135&width=400 400w, //shop.arianagrande.com/cdn/shop/files/MOUSE-00007--1000x1398-GIF.gif?v=1783511135&width=500 500w, //shop.arianagrande.com/cdn/shop/files/MOUSE-00007--1000x1398-GIF.gif?v=1783511135&width=600 600w, //shop.arianagrande.com/cdn/shop/files/MOUSE-00007--1000x1398-GIF.gif?v=1783511135&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--store_exclusive product__tag product__tag--store_exclusive card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >store exclusive</div> </li> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> </ul> <a href="/products/petal-exclusive-picture-disc" aria-label="petal exclusive picture disc"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal exclusive picture disc </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal exclusive picture disc"></span> <span name="gtm_item_id" value="8877036503063"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957923712"></span> <span name="gtm_item_price" value="35.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8809589440535-template--24320444760087__featured_collection_ahtiyr-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8809589440535" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-cloudy-gray-girl-lp-store-exclusive"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/M723482r32523r3_23rr5235_1.png?v=1777387302&width=1000" alt="petal cloudy gray girl lp (store exclusive) 1" srcset="//shop.arianagrande.com/cdn/shop/files/M723482r32523r3_23rr5235_1.png?v=1777387302&width=100 100w, //shop.arianagrande.com/cdn/shop/files/M723482r32523r3_23rr5235_1.png?v=1777387302&width=300 300w, //shop.arianagrande.com/cdn/shop/files/M723482r32523r3_23rr5235_1.png?v=1777387302&width=400 400w, //shop.arianagrande.com/cdn/shop/files/M723482r32523r3_23rr5235_1.png?v=1777387302&width=500 500w, //shop.arianagrande.com/cdn/shop/files/M723482r32523r3_23rr5235_1.png?v=1777387302&width=600 600w, //shop.arianagrande.com/cdn/shop/files/M723482r32523r3_23rr5235_1.png?v=1777387302&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/23rl2ju3ti2tu43jh-2378wkhq_2.png?v=1777387302&width=1000" alt="petal cloudy gray girl lp (store exclusive) 2" srcset="//shop.arianagrande.com/cdn/shop/files/23rl2ju3ti2tu43jh-2378wkhq_2.png?v=1777387302&width=100 100w, //shop.arianagrande.com/cdn/shop/files/23rl2ju3ti2tu43jh-2378wkhq_2.png?v=1777387302&width=300 300w, //shop.arianagrande.com/cdn/shop/files/23rl2ju3ti2tu43jh-2378wkhq_2.png?v=1777387302&width=400 400w, //shop.arianagrande.com/cdn/shop/files/23rl2ju3ti2tu43jh-2378wkhq_2.png?v=1777387302&width=500 500w, //shop.arianagrande.com/cdn/shop/files/23rl2ju3ti2tu43jh-2378wkhq_2.png?v=1777387302&width=600 600w, //shop.arianagrande.com/cdn/shop/files/23rl2ju3ti2tu43jh-2378wkhq_2.png?v=1777387302&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--store_exclusive product__tag product__tag--store_exclusive card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >store exclusive</div> </li> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> <li> <div class="tag tag--restocked product__tag product__tag--restocked card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >restocked</div> </li> </ul> <a href="/products/petal-cloudy-gray-girl-lp-store-exclusive" aria-label="petal cloudy gray girl lp (store exclusive)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal cloudy gray girl lp (store exclusive) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$32.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal cloudy gray girl lp (store exclusive)"></span> <span name="gtm_item_id" value="8809589440535"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957923682"></span> <span name="gtm_item_price" value="32.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8809589342231-template--24320444760087__featured_collection_ahtiyr-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8809589342231" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-translucent-pearly-white-lp"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/812y812jkqrklefiuqrh_1.png?v=1777387394&width=1000" alt="petal translucent pearly white lp 1" srcset="//shop.arianagrande.com/cdn/shop/files/812y812jkqrklefiuqrh_1.png?v=1777387394&width=100 100w, //shop.arianagrande.com/cdn/shop/files/812y812jkqrklefiuqrh_1.png?v=1777387394&width=300 300w, //shop.arianagrande.com/cdn/shop/files/812y812jkqrklefiuqrh_1.png?v=1777387394&width=400 400w, //shop.arianagrande.com/cdn/shop/files/812y812jkqrklefiuqrh_1.png?v=1777387394&width=500 500w, //shop.arianagrande.com/cdn/shop/files/812y812jkqrklefiuqrh_1.png?v=1777387394&width=600 600w, //shop.arianagrande.com/cdn/shop/files/812y812jkqrklefiuqrh_1.png?v=1777387394&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/23o23u23jkefwpefiu_2.png?v=1777387394&width=1000" alt="petal translucent pearly white lp 2" srcset="//shop.arianagrande.com/cdn/shop/files/23o23u23jkefwpefiu_2.png?v=1777387394&width=100 100w, //shop.arianagrande.com/cdn/shop/files/23o23u23jkefwpefiu_2.png?v=1777387394&width=300 300w, //shop.arianagrande.com/cdn/shop/files/23o23u23jkefwpefiu_2.png?v=1777387394&width=400 400w, //shop.arianagrande.com/cdn/shop/files/23o23u23jkefwpefiu_2.png?v=1777387394&width=500 500w, //shop.arianagrande.com/cdn/shop/files/23o23u23jkefwpefiu_2.png?v=1777387394&width=600 600w, //shop.arianagrande.com/cdn/shop/files/23o23u23jkefwpefiu_2.png?v=1777387394&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-translucent-pearly-white-lp" aria-label="petal translucent pearly white lp"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal translucent pearly white lp </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$32.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal translucent pearly white lp"></span> <span name="gtm_item_id" value="8809589342231"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957923750"></span> <span name="gtm_item_price" value="32.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8865706115095-template--24320444760087__featured_collection_ahtiyr-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8865706115095" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-exclusive-tour-edition-zine-cd"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/1_689fa3d7-d5cf-4b0c-b9eb-d61d8f893bfe.png?v=1782656931&width=1000" alt="petal exclusive tour edition zine cd - front" srcset="//shop.arianagrande.com/cdn/shop/files/1_689fa3d7-d5cf-4b0c-b9eb-d61d8f893bfe.png?v=1782656931&width=100 100w, //shop.arianagrande.com/cdn/shop/files/1_689fa3d7-d5cf-4b0c-b9eb-d61d8f893bfe.png?v=1782656931&width=300 300w, //shop.arianagrande.com/cdn/shop/files/1_689fa3d7-d5cf-4b0c-b9eb-d61d8f893bfe.png?v=1782656931&width=400 400w, //shop.arianagrande.com/cdn/shop/files/1_689fa3d7-d5cf-4b0c-b9eb-d61d8f893bfe.png?v=1782656931&width=500 500w, //shop.arianagrande.com/cdn/shop/files/1_689fa3d7-d5cf-4b0c-b9eb-d61d8f893bfe.png?v=1782656931&width=600 600w, //shop.arianagrande.com/cdn/shop/files/1_689fa3d7-d5cf-4b0c-b9eb-d61d8f893bfe.png?v=1782656931&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/CD_Zine_packshot_3_backinside_3d382282-ab14-4445-8e47-f96d65b26356.png?v=1782656931&width=1000" alt="petal exclusive tour edition zine cd - cd" srcset="//shop.arianagrande.com/cdn/shop/files/CD_Zine_packshot_3_backinside_3d382282-ab14-4445-8e47-f96d65b26356.png?v=1782656931&width=100 100w, //shop.arianagrande.com/cdn/shop/files/CD_Zine_packshot_3_backinside_3d382282-ab14-4445-8e47-f96d65b26356.png?v=1782656931&width=300 300w, //shop.arianagrande.com/cdn/shop/files/CD_Zine_packshot_3_backinside_3d382282-ab14-4445-8e47-f96d65b26356.png?v=1782656931&width=400 400w, //shop.arianagrande.com/cdn/shop/files/CD_Zine_packshot_3_backinside_3d382282-ab14-4445-8e47-f96d65b26356.png?v=1782656931&width=500 500w, //shop.arianagrande.com/cdn/shop/files/CD_Zine_packshot_3_backinside_3d382282-ab14-4445-8e47-f96d65b26356.png?v=1782656931&width=600 600w, //shop.arianagrande.com/cdn/shop/files/CD_Zine_packshot_3_backinside_3d382282-ab14-4445-8e47-f96d65b26356.png?v=1782656931&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> <li> <div class="tag tag--store_exclusive product__tag product__tag--store_exclusive card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >store exclusive</div> </li> </ul> <a href="/products/petal-exclusive-tour-edition-zine-cd" aria-label="petal exclusive tour edition zine cd"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal exclusive tour edition zine cd </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$21.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal exclusive tour edition zine cd"></span> <span name="gtm_item_id" value="8865706115095"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957923798"></span> <span name="gtm_item_price" value="21.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8860132802583-template--24320444760087__featured_collection_ahtiyr-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8860132802583" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-cd-store-exclusive-lenticular-cover"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=1200" alt="petal CD (store exclusive lenticular cover) GIF" srcset="//shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=100 100w, //shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=300 300w, //shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=400 400w, //shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=500 500w, //shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=600 600w, //shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=800 800w, //shop.arianagrande.com/cdn/shop/files/8wefkjw_D2CCover2Launch-CDGIF-R1_6de37cee-03a5-4f37-955e-954b6ba375e6.gif?v=1781792819&width=1200 1200w" width="1200" height="1200" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/wegrerthytg_mock_1.png?v=1781792819&width=1000" alt="petal CD (store exclusive lenticular cover)" srcset="//shop.arianagrande.com/cdn/shop/files/wegrerthytg_mock_1.png?v=1781792819&width=100 100w, //shop.arianagrande.com/cdn/shop/files/wegrerthytg_mock_1.png?v=1781792819&width=300 300w, //shop.arianagrande.com/cdn/shop/files/wegrerthytg_mock_1.png?v=1781792819&width=400 400w, //shop.arianagrande.com/cdn/shop/files/wegrerthytg_mock_1.png?v=1781792819&width=500 500w, //shop.arianagrande.com/cdn/shop/files/wegrerthytg_mock_1.png?v=1781792819&width=600 600w, //shop.arianagrande.com/cdn/shop/files/wegrerthytg_mock_1.png?v=1781792819&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--store_exclusive product__tag product__tag--store_exclusive card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >store exclusive</div> </li> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> </ul> <a href="/products/petal-cd-store-exclusive-lenticular-cover" aria-label="petal CD (store exclusive lenticular cover)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal CD (store exclusive lenticular cover) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$18.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal CD (store exclusive lenticular cover)"></span> <span name="gtm_item_id" value="8860132802583"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957923781"></span> <span name="gtm_item_price" value="18.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8860132900887-template--24320444760087__featured_collection_ahtiyr-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8860132900887" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-exclusive-recycled-black-cassette"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/Mwegertgfh_D2C_Packshot.png?v=1781792849&width=1000" alt="petal exclusive recycled black cassette" srcset="//shop.arianagrande.com/cdn/shop/files/Mwegertgfh_D2C_Packshot.png?v=1781792849&width=100 100w, //shop.arianagrande.com/cdn/shop/files/Mwegertgfh_D2C_Packshot.png?v=1781792849&width=300 300w, //shop.arianagrande.com/cdn/shop/files/Mwegertgfh_D2C_Packshot.png?v=1781792849&width=400 400w, //shop.arianagrande.com/cdn/shop/files/Mwegertgfh_D2C_Packshot.png?v=1781792849&width=500 500w, //shop.arianagrande.com/cdn/shop/files/Mwegertgfh_D2C_Packshot.png?v=1781792849&width=600 600w, //shop.arianagrande.com/cdn/shop/files/Mwegertgfh_D2C_Packshot.png?v=1781792849&width=800 800w" width="1000" height="1398" loading="eager" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--store_exclusive product__tag product__tag--store_exclusive card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >store exclusive</div> </li> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> </ul> <a href="/products/petal-exclusive-recycled-black-cassette" aria-label="petal exclusive recycled black cassette"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal exclusive recycled black cassette </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$19.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal exclusive recycled black cassette"></span> <span name="gtm_item_id" value="8860132900887"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957923859"></span> <span name="gtm_item_price" value="19.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
</ul>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 -translate-x-full md:-translate-x-full left-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
<span class="sr-only">Previous</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-full md:translate-x-full right-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
<span class="sr-only">Next</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="block-buttons">
<div class="media-item media-item-buttons flex flex-col py-none px-none">
<div class="flex flex-col xs:flex-row space-y-4 xs:space-x-4 xs:space-y-0 justify-center"><a class="block btn btn--light"
href="/collections/petal-music"
type="button" aria-label="shop all">shop all</a></div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<style> #shopify-section-template--24320444760087__featured_collection_ahtiyr h2 {transform: rotate(-1deg);} @media (max-width: 767px) {#shopify-section-template--24320444760087__featured_collection_ahtiyr .carousel-nav {padding-left: 0; padding-right: 0; }} </style></section><section id="shopify-section-template--24320444760087__featured_collection_wfw8bX" class="shopify-section featured-collection">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-title-link">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-md">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-center md:items-center gap-sm-md">
<div class="flex flex-col items-center md:items-center text-center md:text-center center">
<h2 class="c-text-content-heading text_heading_lg">petal merch</h2>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div
data-items-element="swiper__parent"
class="carousel-wrapper w-full min-w-full relative"
data-carousel-type="grid-carousel"
data-carousel-class="carousel-wrapper w-full min-w-full relative"
data-carousel-layout="carousel"
data-carousel-layout-md="carousel"
data-slides-per-view="1"
data-slides-per-view-md="3"
data-slides-per-view-lg="4"
data-carousel-loop="false"
data-carousel-autoplay="0"
data-carousel-peek="false"
data-carousel-peek-md="false"
data-carousel-peek-value="0.15"
data-carousel-peek-value-md="0.15"
data-carousel-dragfree="false"
data-carousel-align="start"
data-carousel-align-md="start"
data-carousel-gap-x="sm"
data-carousel-gap-y="sm"
data-carousel-zoom=""
data-carousel-pagination-type=""
style="--cols: 1; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-sm,0); --grid-gap-x: var(--gap-container-sm,0); --grid-gap-y: var(--gap-container-sm,0);"
>
<div
data-items-element="swiper__viewport"
class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
<ul
data-items-element="swiper-wrapper"
class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-next-url=""
>
<li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473765399-template--24320444760087__featured_collection_wfw8bX-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473765399" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-chainsaw-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_CHAINSAW_TEE_WEB_1.png?v=1786463571&width=1000" alt="petal chainsaw t-shirt" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_CHAINSAW_TEE_WEB_1.png?v=1786463571&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_CHAINSAW_TEE_WEB_1.png?v=1786463571&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_CHAINSAW_TEE_WEB_1.png?v=1786463571&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_CHAINSAW_TEE_WEB_1.png?v=1786463571&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_CHAINSAW_TEE_WEB_1.png?v=1786463571&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_CHAINSAW_TEE_WEB_1.png?v=1786463571&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-chainsaw-t-shirt" aria-label="petal chainsaw t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal chainsaw t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal chainsaw t-shirt"></span> <span name="gtm_item_id" value="8913473765399"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177732544"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473536023-template--24320444760087__featured_collection_wfw8bX-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473536023" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-core-t-shirt-white"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_FRONT_WEB.png?v=1786463624&width=1000" alt="petal core t-shirt (white)" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_FRONT_WEB.png?v=1786463624&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_FRONT_WEB.png?v=1786463624&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_FRONT_WEB.png?v=1786463624&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_FRONT_WEB.png?v=1786463624&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_FRONT_WEB.png?v=1786463624&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_FRONT_WEB.png?v=1786463624&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_BACK_WEB.png?v=1786463624&width=1000" alt="petal core t-shirt (white) back" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_BACK_WEB.png?v=1786463624&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_BACK_WEB.png?v=1786463624&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_BACK_WEB.png?v=1786463624&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_BACK_WEB.png?v=1786463624&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_BACK_WEB.png?v=1786463624&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_WHITE_TEE_BACK_WEB.png?v=1786463624&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-core-t-shirt-white" aria-label="petal core t-shirt (white)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal core t-shirt (white) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal core t-shirt (white)"></span> <span name="gtm_item_id" value="8913473536023"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177732421"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473896471-template--24320444760087__featured_collection_wfw8bX-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473896471" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-core-t-shirt-black"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_BLACK_TEE_FRONT_WEB.png?v=1786463520&width=1000" alt="petal core t-shirt (black)" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_BLACK_TEE_FRONT_WEB.png?v=1786463520&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_BLACK_TEE_FRONT_WEB.png?v=1786463520&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_BLACK_TEE_FRONT_WEB.png?v=1786463520&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_BLACK_TEE_FRONT_WEB.png?v=1786463520&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_BLACK_TEE_FRONT_WEB.png?v=1786463520&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_PETAL_CORE_BLACK_TEE_FRONT_WEB.png?v=1786463520&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=1664" alt="petal core t-shirt (black)" srcset="//shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=100 100w, //shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=300 300w, //shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=400 400w, //shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=500 500w, //shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=600 600w, //shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=800 800w, //shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/L1072336_Aug_06_2026__katiatemkin_1.jpg?v=1786468861&width=1600 1600w" width="1664" height="2500" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-core-t-shirt-black" aria-label="petal core t-shirt (black)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal core t-shirt (black) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal core t-shirt (black)"></span> <span name="gtm_item_id" value="8913473896471"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177732605"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473601559-template--24320444760087__featured_collection_wfw8bX-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473601559" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-live-laugh-love-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_FRONT_WEB.png?v=1786463596&width=1000" alt="petal live laugh love t-shirt" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_FRONT_WEB.png?v=1786463596&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_FRONT_WEB.png?v=1786463596&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_FRONT_WEB.png?v=1786463596&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_FRONT_WEB.png?v=1786463596&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_FRONT_WEB.png?v=1786463596&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_FRONT_WEB.png?v=1786463596&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_BACK_WEB.png?v=1786463595&width=1000" alt="petal live laugh love t-shirt back" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_BACK_WEB.png?v=1786463595&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_BACK_WEB.png?v=1786463595&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_BACK_WEB.png?v=1786463595&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_BACK_WEB.png?v=1786463595&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_BACK_WEB.png?v=1786463595&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_LIVE_LAUGH_LOVE_TEE_BACK_WEB.png?v=1786463595&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-live-laugh-love-t-shirt" aria-label="petal live laugh love t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal live laugh love t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal live laugh love t-shirt"></span> <span name="gtm_item_id" value="8913473601559"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177732490"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473241111-template--24320444760087__featured_collection_wfw8bX-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473241111" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-blurred-flowers-longsleeve"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_FRONT_WEB.png?v=1786463854&width=1000" alt="petal blurred flowers longsleeve" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_FRONT_WEB.png?v=1786463854&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_FRONT_WEB.png?v=1786463854&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_FRONT_WEB.png?v=1786463854&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_FRONT_WEB.png?v=1786463854&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_FRONT_WEB.png?v=1786463854&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_FRONT_WEB.png?v=1786463854&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_BACK_WEB.png?v=1786463854&width=1000" alt="petal blurred flowers longsleeve Back" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_BACK_WEB.png?v=1786463854&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_BACK_WEB.png?v=1786463854&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_BACK_WEB.png?v=1786463854&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_BACK_WEB.png?v=1786463854&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_BACK_WEB.png?v=1786463854&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_BLURRED_FLOWERS_LS_BACK_WEB.png?v=1786463854&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-blurred-flowers-longsleeve" aria-label="petal blurred flowers longsleeve"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal blurred flowers longsleeve </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$45.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal blurred flowers longsleeve"></span> <span name="gtm_item_id" value="8913473241111"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177730397"></span> <span name="gtm_item_price" value="45.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473372183-template--24320444760087__featured_collection_wfw8bX-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473372183" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-script-longsleeve"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_LS_WEB.png?v=1786463758&width=1000" alt="petal script longsleeve" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_LS_WEB.png?v=1786463758&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_LS_WEB.png?v=1786463758&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_LS_WEB.png?v=1786463758&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_LS_WEB.png?v=1786463758&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_LS_WEB.png?v=1786463758&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_LS_WEB.png?v=1786463758&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-script-longsleeve" aria-label="petal script longsleeve"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal script longsleeve </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$45.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal script longsleeve"></span> <span name="gtm_item_id" value="8913473372183"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177730212"></span> <span name="gtm_item_price" value="45.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473437719-template--24320444760087__featured_collection_wfw8bX-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473437719" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-script-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_TEE_WEB.png?v=1786463704&width=1000" alt="petal script t-shirt" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_TEE_WEB.png?v=1786463704&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_TEE_WEB.png?v=1786463704&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_TEE_WEB.png?v=1786463704&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_TEE_WEB.png?v=1786463704&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_TEE_WEB.png?v=1786463704&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_SITTING_PETAL_TEE_WEB.png?v=1786463704&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-script-t-shirt" aria-label="petal script t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal script t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal script t-shirt"></span> <span name="gtm_item_id" value="8913473437719"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177730151"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="8" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473503255-template--24320444760087__featured_collection_wfw8bX-8" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473503255" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-in-the-pavement-t-shirt-white"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_VERTICAL_FRAME_WHITE_TEE_WEB.png?v=1786463669&width=1000" alt="petal in the pavement t-shirt (white)" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_VERTICAL_FRAME_WHITE_TEE_WEB.png?v=1786463669&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_VERTICAL_FRAME_WHITE_TEE_WEB.png?v=1786463669&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_VERTICAL_FRAME_WHITE_TEE_WEB.png?v=1786463669&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_VERTICAL_FRAME_WHITE_TEE_WEB.png?v=1786463669&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_VERTICAL_FRAME_WHITE_TEE_WEB.png?v=1786463669&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_VERTICAL_FRAME_WHITE_TEE_WEB.png?v=1786463669&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-in-the-pavement-t-shirt-white" aria-label="petal in the pavement t-shirt (white)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal in the pavement t-shirt (white) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal in the pavement t-shirt (white)"></span> <span name="gtm_item_id" value="8913473503255"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177730090"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="9" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473273879-template--24320444760087__featured_collection_wfw8bX-9" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473273879" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-ghostly-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_GHOSTLY_TEE_WEB.png?v=1786463828&width=1000" alt="petal ghostly t-shirt" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_GHOSTLY_TEE_WEB.png?v=1786463828&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_GHOSTLY_TEE_WEB.png?v=1786463828&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_GHOSTLY_TEE_WEB.png?v=1786463828&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_GHOSTLY_TEE_WEB.png?v=1786463828&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_GHOSTLY_TEE_WEB.png?v=1786463828&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_ECOMM_KH_GHOSTLY_TEE_WEB.png?v=1786463828&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-ghostly-t-shirt" aria-label="petal ghostly t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal ghostly t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal ghostly t-shirt"></span> <span name="gtm_item_id" value="8913473273879"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177730311"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="10" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8913473339415-template--24320444760087__featured_collection_wfw8bX-10" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8913473339415" data-scroll="p"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/petal-ripped-photo-baby-tee"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/baby-tee_0001_Layer-1.png?v=1786463792&width=1000" alt="petal ripped photo baby tee" srcset="//shop.arianagrande.com/cdn/shop/files/baby-tee_0001_Layer-1.png?v=1786463792&width=100 100w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0001_Layer-1.png?v=1786463792&width=300 300w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0001_Layer-1.png?v=1786463792&width=400 400w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0001_Layer-1.png?v=1786463792&width=500 500w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0001_Layer-1.png?v=1786463792&width=600 600w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0001_Layer-1.png?v=1786463792&width=800 800w" width="1000" height="1396" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/baby-tee_0000_PRODUCT_ARI_26_ECOMM_KH_RIPPED_PHOTOS_BABY_TEE_BACK.png?v=1786463792&width=1000" alt="petal ripped photo baby tee Back" srcset="//shop.arianagrande.com/cdn/shop/files/baby-tee_0000_PRODUCT_ARI_26_ECOMM_KH_RIPPED_PHOTOS_BABY_TEE_BACK.png?v=1786463792&width=100 100w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0000_PRODUCT_ARI_26_ECOMM_KH_RIPPED_PHOTOS_BABY_TEE_BACK.png?v=1786463792&width=300 300w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0000_PRODUCT_ARI_26_ECOMM_KH_RIPPED_PHOTOS_BABY_TEE_BACK.png?v=1786463792&width=400 400w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0000_PRODUCT_ARI_26_ECOMM_KH_RIPPED_PHOTOS_BABY_TEE_BACK.png?v=1786463792&width=500 500w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0000_PRODUCT_ARI_26_ECOMM_KH_RIPPED_PHOTOS_BABY_TEE_BACK.png?v=1786463792&width=600 600w, //shop.arianagrande.com/cdn/shop/files/baby-tee_0000_PRODUCT_ARI_26_ECOMM_KH_RIPPED_PHOTOS_BABY_TEE_BACK.png?v=1786463792&width=800 800w" width="1000" height="1396" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/petal-ripped-photo-baby-tee" aria-label="petal ripped photo baby tee"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal ripped photo baby tee </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$45.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="petal ripped photo baby tee"></span> <span name="gtm_item_id" value="8913473339415"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177730274"></span> <span name="gtm_item_price" value="45.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
</ul>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 -translate-x-full md:-translate-x-full left-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
<span class="sr-only">Previous</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-full md:translate-x-full right-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
<span class="sr-only">Next</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="block-buttons">
<div class="media-item media-item-buttons flex flex-col py-none px-none">
<div class="flex flex-col xs:flex-row space-y-4 xs:space-x-4 xs:space-y-0 justify-center"><a class="block btn btn--light"
href="/collections/petal-merch"
type="button" aria-label="shop all">shop all</a></div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<style> #shopify-section-template--24320444760087__featured_collection_wfw8bX h2 {transform: rotate(-1deg);} @media (max-width: 767px) {#shopify-section-template--24320444760087__featured_collection_wfw8bX .carousel-nav {padding-left: 0; padding-right: 0; }} </style></section><section id="shopify-section-template--24320444760087__featured_collection_WVrDUp" class="shopify-section featured-collection">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-title-link">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-center md:items-center gap-sm-md">
<div class="flex flex-col items-center md:items-center text-center md:text-center center">
<h2 class="c-text-content-heading text_heading_lg">the eternal sunshine tour</h2>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div
data-items-element="swiper__parent"
class="carousel-wrapper w-full min-w-full relative"
data-carousel-type="grid-carousel"
data-carousel-class="carousel-wrapper w-full min-w-full relative"
data-carousel-layout="left"
data-carousel-layout-md="left"
data-slides-per-view="1"
data-slides-per-view-md="3"
data-slides-per-view-lg="4"
data-carousel-loop="false"
data-carousel-autoplay="0"
data-carousel-peek="false"
data-carousel-peek-md="false"
data-carousel-peek-value="0.15"
data-carousel-peek-value-md="0.15"
data-carousel-dragfree="false"
data-carousel-align="start"
data-carousel-align-md="start"
data-carousel-gap-x="sm"
data-carousel-gap-y="sm"
data-carousel-zoom=""
data-carousel-pagination-type=""
style="--cols: 1; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-sm,0); --grid-gap-x: var(--gap-container-sm,0); --grid-gap-y: var(--gap-container-sm,0);"
>
<div
data-items-element="swiper__viewport"
class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
<ul
data-items-element="swiper-wrapper"
class="z-10 relative max-w-[100vw] w-full grid-layout grid--product flex flex-wrap gap-x-lg-sm md:gap-x-container-sm gap-y-lg-sm md:gap-y-container-sm md:flex md:flex-wrap md:gap-x-container-sm md:justify-normal"
data-initial-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product flex flex-wrap gap-x-lg-sm md:gap-x-container-sm gap-y-lg-sm md:gap-y-container-sm md:flex md:flex-wrap md:gap-x-container-sm md:justify-normal"
data-class="grid-layout grid--product flex flex-wrap gap-x-lg-sm md:gap-x-container-sm gap-y-lg-sm md:gap-y-container-sm md:flex md:flex-wrap md:gap-x-container-sm md:justify-normal"
data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product flex flex-wrap gap-x-lg-sm md:gap-x-container-sm gap-y-lg-sm md:gap-y-container-sm md:flex md:flex-wrap md:gap-x-container-sm md:justify-normal"
data-next-url=""
data-manual-pagination
>
<li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841757163543-template--24320444760087__featured_collection_WVrDUp-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8841757163543" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/brighter-days-logo-zip-hoodie"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_ZIP_HOODIE_WEB_MOCK.png?v=1779820493&width=1000" alt="Brighter Days Logo Zip Hoodie" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_ZIP_HOODIE_WEB_MOCK.png?v=1779820493&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_ZIP_HOODIE_WEB_MOCK.png?v=1779820493&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_ZIP_HOODIE_WEB_MOCK.png?v=1779820493&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_ZIP_HOODIE_WEB_MOCK.png?v=1779820493&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_ZIP_HOODIE_WEB_MOCK.png?v=1779820493&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_ZIP_HOODIE_WEB_MOCK.png?v=1779820493&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/brighter-days-logo-zip-hoodie" aria-label="Brighter Days Logo Zip Hoodie"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Brighter Days Logo Zip Hoodie </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$85.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Brighter Days Logo Zip Hoodie"></span> <span name="gtm_item_id" value="8841757163543"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="M"></span> <span name="gtm_item_upc" value="00196177688346"></span> <span name="gtm_item_price" value="85.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8323801514007-template--24320444760087__featured_collection_WVrDUp-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8323801514007" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-brighter-days-ahead-foundation-vintage-black-hoodie"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/BDAF-Hoodie-V2.png?v=1780406260&width=1000" alt="The Brighter Days Ahead Foundation Vintage Black Hoodie" srcset="//shop.arianagrande.com/cdn/shop/files/BDAF-Hoodie-V2.png?v=1780406260&width=100 100w, //shop.arianagrande.com/cdn/shop/files/BDAF-Hoodie-V2.png?v=1780406260&width=300 300w, //shop.arianagrande.com/cdn/shop/files/BDAF-Hoodie-V2.png?v=1780406260&width=400 400w, //shop.arianagrande.com/cdn/shop/files/BDAF-Hoodie-V2.png?v=1780406260&width=500 500w, //shop.arianagrande.com/cdn/shop/files/BDAF-Hoodie-V2.png?v=1780406260&width=600 600w, //shop.arianagrande.com/cdn/shop/files/BDAF-Hoodie-V2.png?v=1780406260&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=2160" alt="The Brighter Days Ahead Foundation Vintage Black Hoodie Sleeve" srcset="//shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=100 100w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=300 300w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=400 400w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=500 500w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=600 600w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=800 800w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=1600 1600w, //shop.arianagrande.com/cdn/shop/files/GreyHoodieSleeve_690e4b76-9715-478c-b6a8-9005a28f7c02.png?v=1762203917&width=2000 2000w" width="2160" height="2160" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/the-brighter-days-ahead-foundation-vintage-black-hoodie" aria-label="The Brighter Days Ahead Foundation Vintage Black Hoodie"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> The Brighter Days Ahead Foundation Vintage Black Hoodie </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$100.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="The Brighter Days Ahead Foundation Vintage Black Hoodie"></span> <span name="gtm_item_id" value="8323801514007"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177617131"></span> <span name="gtm_item_price" value="100.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841756737559-template--24320444760087__featured_collection_WVrDUp-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8841756737559" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-teddy-bear-crewneck"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_WHITE_CREW_WEB_MOCK.png?v=1779820488&width=1000" alt="Eternal Sunshine Teddy Bear Crewneck" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_WHITE_CREW_WEB_MOCK.png?v=1779820488&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_WHITE_CREW_WEB_MOCK.png?v=1779820488&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_WHITE_CREW_WEB_MOCK.png?v=1779820488&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_WHITE_CREW_WEB_MOCK.png?v=1779820488&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_WHITE_CREW_WEB_MOCK.png?v=1779820488&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_WHITE_CREW_WEB_MOCK.png?v=1779820488&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/eternal-sunshine-teddy-bear-crewneck" aria-label="Eternal Sunshine Teddy Bear Crewneck"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Teddy Bear Crewneck </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$75.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Teddy Bear Crewneck"></span> <span name="gtm_item_id" value="8841756737559"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177688094"></span> <span name="gtm_item_price" value="75.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841756082199-template--24320444760087__featured_collection_WVrDUp-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8841756082199" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/brighter-days-logo-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TEE_WEB_MOCK.png?v=1779820481&width=1000" alt="Brighter Days Logo T-Shirt" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TEE_WEB_MOCK.png?v=1779820481&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TEE_WEB_MOCK.png?v=1779820481&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TEE_WEB_MOCK.png?v=1779820481&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TEE_WEB_MOCK.png?v=1779820481&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TEE_WEB_MOCK.png?v=1779820481&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TEE_WEB_MOCK.png?v=1779820481&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tee-2.png?v=1780518792&width=1000" alt="Brighter Days Logo T-Shirt Alt" srcset="//shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tee-2.png?v=1780518792&width=100 100w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tee-2.png?v=1780518792&width=300 300w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tee-2.png?v=1780518792&width=400 400w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tee-2.png?v=1780518792&width=500 500w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tee-2.png?v=1780518792&width=600 600w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tee-2.png?v=1780518792&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/brighter-days-logo-t-shirt" aria-label="Brighter Days Logo T-Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Brighter Days Logo T-Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Brighter Days Logo T-Shirt"></span> <span name="gtm_item_id" value="8841756082199"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177687707"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841757327383-template--24320444760087__featured_collection_WVrDUp-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8841757327383" data-scroll="t"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-boy-is-mine-cat-beanie"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_NOIR_CAT_HAT_WEB_MOCK.png?v=1779820495&width=1000" alt="the boy is mine cat beanie" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_NOIR_CAT_HAT_WEB_MOCK.png?v=1779820495&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_NOIR_CAT_HAT_WEB_MOCK.png?v=1779820495&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_NOIR_CAT_HAT_WEB_MOCK.png?v=1779820495&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_NOIR_CAT_HAT_WEB_MOCK.png?v=1779820495&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_NOIR_CAT_HAT_WEB_MOCK.png?v=1779820495&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_NOIR_CAT_HAT_WEB_MOCK.png?v=1779820495&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/the-boy-is-mine-cat-beanie" aria-label="the boy is mine cat beanie"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> the boy is mine cat beanie </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$40.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="the boy is mine cat beanie"></span> <span name="gtm_item_id" value="8841757327383"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177683990"></span> <span name="gtm_item_price" value="40.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841757261847-template--24320444760087__featured_collection_WVrDUp-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8841757261847" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-red-gloves"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_RED_GLOVES_WEB_MOCK.png?v=1779820494&width=1000" alt="Eternal Sunshine Red Gloves" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_RED_GLOVES_WEB_MOCK.png?v=1779820494&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_RED_GLOVES_WEB_MOCK.png?v=1779820494&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_RED_GLOVES_WEB_MOCK.png?v=1779820494&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_RED_GLOVES_WEB_MOCK.png?v=1779820494&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_RED_GLOVES_WEB_MOCK.png?v=1779820494&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_RED_GLOVES_WEB_MOCK.png?v=1779820494&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/eternal-sunshine-red-gloves" aria-label="Eternal Sunshine Red Gloves"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Red Gloves </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$25.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Red Gloves"></span> <span name="gtm_item_id" value="8841757261847"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177683976"></span> <span name="gtm_item_price" value="25.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841757491223-template--24320444760087__featured_collection_WVrDUp-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8841757491223" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/brighter-days-logo-tote-bag"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TOTE_OVERSIZED_WEB_MOCK.png?v=1779820496&width=1000" alt="Brighter Days Logo Tote Bag" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TOTE_OVERSIZED_WEB_MOCK.png?v=1779820496&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TOTE_OVERSIZED_WEB_MOCK.png?v=1779820496&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TOTE_OVERSIZED_WEB_MOCK.png?v=1779820496&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TOTE_OVERSIZED_WEB_MOCK.png?v=1779820496&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TOTE_OVERSIZED_WEB_MOCK.png?v=1779820496&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_BRIGHTER_DAYS_LOGO_TOTE_OVERSIZED_WEB_MOCK.png?v=1779820496&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tote.png?v=1780518585&width=1000" alt="Brighter Days Logo Tote Bag alt" srcset="//shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tote.png?v=1780518585&width=100 100w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tote.png?v=1780518585&width=300 300w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tote.png?v=1780518585&width=400 400w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tote.png?v=1780518585&width=500 500w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tote.png?v=1780518585&width=600 600w, //shop.arianagrande.com/cdn/shop/files/Eternal-Sunshine-Tour-BDA-Tote.png?v=1780518585&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/brighter-days-logo-tote-bag" aria-label="Brighter Days Logo Tote Bag"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Brighter Days Logo Tote Bag </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$40.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Brighter Days Logo Tote Bag"></span> <span name="gtm_item_id" value="8841757491223"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177688391"></span> <span name="gtm_item_price" value="40.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="8" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841756278807-template--24320444760087__featured_collection_WVrDUp-8" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="8841756278807" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-tour-baby-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TOUR_NAME_GLOW_BABY_TEE_WEB_MOCK.png?v=1779820483&width=1000" alt="Eternal Sunshine Tour Baby T-Shirt" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TOUR_NAME_GLOW_BABY_TEE_WEB_MOCK.png?v=1779820483&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TOUR_NAME_GLOW_BABY_TEE_WEB_MOCK.png?v=1779820483&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TOUR_NAME_GLOW_BABY_TEE_WEB_MOCK.png?v=1779820483&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TOUR_NAME_GLOW_BABY_TEE_WEB_MOCK.png?v=1779820483&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TOUR_NAME_GLOW_BABY_TEE_WEB_MOCK.png?v=1779820483&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TOUR_NAME_GLOW_BABY_TEE_WEB_MOCK.png?v=1779820483&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/eternal-sunshine-tour-baby-t-shirt" aria-label="Eternal Sunshine Tour Baby T-Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Tour Baby T-Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Tour Baby T-Shirt"></span> <span name="gtm_item_id" value="8841756278807"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177687868"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="9" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841757425687-template--24320444760087__featured_collection_WVrDUp-9" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="8841757425687" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-tour-lighter"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_ZIPPO_TOUR_WEB_MOCK.png?v=1779820496&width=1000" alt="Eternal Sunshine Tour Lighter" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_ZIPPO_TOUR_WEB_MOCK.png?v=1779820496&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_ZIPPO_TOUR_WEB_MOCK.png?v=1779820496&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_ZIPPO_TOUR_WEB_MOCK.png?v=1779820496&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_ZIPPO_TOUR_WEB_MOCK.png?v=1779820496&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_ZIPPO_TOUR_WEB_MOCK.png?v=1779820496&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_ZIPPO_TOUR_WEB_MOCK.png?v=1779820496&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/eternal-sunshine-tour-lighter" aria-label="Eternal Sunshine Tour Lighter"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Tour Lighter </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$40.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Tour Lighter"></span> <span name="gtm_item_id" value="8841757425687"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177688414"></span> <span name="gtm_item_price" value="40.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="10" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841757589527-template--24320444760087__featured_collection_WVrDUp-10" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="8841757589527" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-tour-keychain"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_ES_PHOTO_KEYCHAIN_WEB_MOCK.png?v=1779820497&width=1000" alt="Eternal Sunshine Tour Keychain" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_ES_PHOTO_KEYCHAIN_WEB_MOCK.png?v=1779820497&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_ES_PHOTO_KEYCHAIN_WEB_MOCK.png?v=1779820497&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_ES_PHOTO_KEYCHAIN_WEB_MOCK.png?v=1779820497&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_ES_PHOTO_KEYCHAIN_WEB_MOCK.png?v=1779820497&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_ES_PHOTO_KEYCHAIN_WEB_MOCK.png?v=1779820497&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_ES_PHOTO_KEYCHAIN_WEB_MOCK.png?v=1779820497&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/eternal-sunshine-tour-keychain" aria-label="Eternal Sunshine Tour Keychain"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Tour Keychain </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$10.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Tour Keychain"></span> <span name="gtm_item_id" value="8841757589527"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177688421"></span> <span name="gtm_item_price" value="10.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="11" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841756377111-template--24320444760087__featured_collection_WVrDUp-11" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="8841756377111" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-teddy-bear-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TEDDY_TEE_WEB_MOCK.png?v=1779820484&width=1000" alt="Eternal Sunshine Teddy Bear T-Shirt" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TEDDY_TEE_WEB_MOCK.png?v=1779820484&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TEDDY_TEE_WEB_MOCK.png?v=1779820484&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TEDDY_TEE_WEB_MOCK.png?v=1779820484&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TEDDY_TEE_WEB_MOCK.png?v=1779820484&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TEDDY_TEE_WEB_MOCK.png?v=1779820484&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_TEDDY_TEE_WEB_MOCK.png?v=1779820484&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/eternal-sunshine-teddy-bear-t-shirt" aria-label="Eternal Sunshine Teddy Bear T-Shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Teddy Bear T-Shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Teddy Bear T-Shirt"></span> <span name="gtm_item_id" value="8841756377111"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177687806"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="12" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8841757687831-template--24320444760087__featured_collection_WVrDUp-12" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="8841757687831" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-lenticular-keychain"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_PHOTO_KEYCHAIN_2_WEB_MOCK.png?v=1779820498&width=1000" alt="Eternal Sunshine Lenticular Keychain" srcset="//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_PHOTO_KEYCHAIN_2_WEB_MOCK.png?v=1779820498&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_PHOTO_KEYCHAIN_2_WEB_MOCK.png?v=1779820498&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_PHOTO_KEYCHAIN_2_WEB_MOCK.png?v=1779820498&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_PHOTO_KEYCHAIN_2_WEB_MOCK.png?v=1779820498&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_PHOTO_KEYCHAIN_2_WEB_MOCK.png?v=1779820498&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_KH_EST_TEXT_PHOTO_KEYCHAIN_2_WEB_MOCK.png?v=1779820498&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/ezgif-2dfe89edde1bd3bb.gif?v=1779820499&width=1000" alt="Eternal Sunshine Lenticular Keychain" srcset="//shop.arianagrande.com/cdn/shop/files/ezgif-2dfe89edde1bd3bb.gif?v=1779820499&width=100 100w, //shop.arianagrande.com/cdn/shop/files/ezgif-2dfe89edde1bd3bb.gif?v=1779820499&width=300 300w, //shop.arianagrande.com/cdn/shop/files/ezgif-2dfe89edde1bd3bb.gif?v=1779820499&width=400 400w, //shop.arianagrande.com/cdn/shop/files/ezgif-2dfe89edde1bd3bb.gif?v=1779820499&width=500 500w, //shop.arianagrande.com/cdn/shop/files/ezgif-2dfe89edde1bd3bb.gif?v=1779820499&width=600 600w, //shop.arianagrande.com/cdn/shop/files/ezgif-2dfe89edde1bd3bb.gif?v=1779820499&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/eternal-sunshine-lenticular-keychain" aria-label="Eternal Sunshine Lenticular Keychain"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Lenticular Keychain </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$10.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Lenticular Keychain"></span> <span name="gtm_item_id" value="8841757687831"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177688438"></span> <span name="gtm_item_price" value="10.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <script type="application/json" data-pagination-buffer> { "products": [{"page":2,"position":13,"html":"<li class=\"grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex\" data-items-element=\"swiper-slide\" data-pagination-item=\"product\" data-product-position=\"13\" data-pagination=\"2\"> <div class=\"grid-item__content w-full h-full\"> <div id=\"ProductInfo-8841756639255-template--24320444760087__featured_collection_WVrDUp-13\" class=\"card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out\" data-product=\"8841756639255\" data-scroll=\"A\"> <div class=\"card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent\" style=\"\"> <div class=\"card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative\"> <div class=\"card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2\"> <a href=\"/products/ag-photo-t-shirt\"> <div class=\"card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent\"> <div class=\"card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full\"></div> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_FRONT_WEB_MOCK.png?v=1779820487&width=1000\" alt=\"AG Photo T-Shirt Front\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_FRONT_WEB_MOCK.png?v=1779820487&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_FRONT_WEB_MOCK.png?v=1779820487&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_FRONT_WEB_MOCK.png?v=1779820487&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_FRONT_WEB_MOCK.png?v=1779820487&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_FRONT_WEB_MOCK.png?v=1779820487&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_FRONT_WEB_MOCK.png?v=1779820487&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive\"> <div class=\" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 \"> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_BACK_WEB_MOCK.png?v=1779820487&width=1000\" alt=\"AG Photo T-Shirt Back\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_BACK_WEB_MOCK.png?v=1779820487&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_BACK_WEB_MOCK.png?v=1779820487&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_BACK_WEB_MOCK.png?v=1779820487&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_BACK_WEB_MOCK.png?v=1779820487&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_BACK_WEB_MOCK.png?v=1779820487&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_TEE_BACK_WEB_MOCK.png?v=1779820487&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover image__responsive\"> </div></div> </a> </div> </div> <div class=\"card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0\"> <ul class=\" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start \"> <li> <div class=\"tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm\" style=\"--color-bg: #ffffff; --color-border: #000000; --color-text: #000000\">Sold out</div> </li> </ul> <a href=\"/products/ag-photo-t-shirt\" aria-label=\"AG Photo T-Shirt\"> <div class=\"card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_sm\"> AG Photo T-Shirt </p> </div> </a> <div class=\"card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_xs\"> <del class=\"price__compare\"></del> <span class=\"price__current\">$35.00</span> </p> </div> </div> </div> <div hidden class=\"hidden\"> <span name=\"gtm_item_name\" value=\"AG Photo T-Shirt\"></span> <span name=\"gtm_item_id\" value=\"8841756639255\"></span> <span name=\"gtm_item_collection\" value=\"\"></span> <span name=\"gtm_item_variant\" value=\"S\"></span> <span name=\"gtm_item_upc\" value=\"00196177687974\"></span> <span name=\"gtm_item_price\" value=\"35.00\"></span> <span name=\"gtm_component_ref\" value=\"\"></span> </div> </div> </div> </li>"},{"page":2,"position":14,"html":"<li class=\"grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex\" data-items-element=\"swiper-slide\" data-pagination-item=\"product\" data-product-position=\"14\" data-pagination=\"2\"> <div class=\"grid-item__content w-full h-full\"> <div id=\"ProductInfo-8841756934167-template--24320444760087__featured_collection_WVrDUp-14\" class=\"card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out\" data-product=\"8841756934167\" data-scroll=\"A\"> <div class=\"card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent\" style=\"\"> <div class=\"card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative\"> <div class=\"card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2\"> <a href=\"/products/ag-photo-crewneck\"> <div class=\"card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent\"> <div class=\"card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full\"></div> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_FRONT_WEB_MOCK.png?v=1779820491&width=1000\" alt=\"AG Photo Crewneck Front\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_FRONT_WEB_MOCK.png?v=1779820491&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_FRONT_WEB_MOCK.png?v=1779820491&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_FRONT_WEB_MOCK.png?v=1779820491&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_FRONT_WEB_MOCK.png?v=1779820491&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_FRONT_WEB_MOCK.png?v=1779820491&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_FRONT_WEB_MOCK.png?v=1779820491&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive\"> <div class=\" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 \"> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_BACK_WEB_MOCK.png?v=1779820491&width=1000\" alt=\"AG Photo Crewneck Back\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_BACK_WEB_MOCK.png?v=1779820491&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_BACK_WEB_MOCK.png?v=1779820491&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_BACK_WEB_MOCK.png?v=1779820491&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_BACK_WEB_MOCK.png?v=1779820491&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_BACK_WEB_MOCK.png?v=1779820491&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_PHOTO_SWASH_CREW_BACK_WEB_MOCK.png?v=1779820491&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover image__responsive\"> </div></div> </a> </div> </div> <div class=\"card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0\"> <ul class=\" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start \"> <li> <div class=\"tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm\" style=\"--color-bg: #ffffff; --color-border: #000000; --color-text: #000000\">Sold out</div> </li> </ul> <a href=\"/products/ag-photo-crewneck\" aria-label=\"AG Photo Crewneck\"> <div class=\"card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_sm\"> AG Photo Crewneck </p> </div> </a> <div class=\"card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_xs\"> <del class=\"price__compare\"></del> <span class=\"price__current\">$75.00</span> </p> </div> </div> </div> <div hidden class=\"hidden\"> <span name=\"gtm_item_name\" value=\"AG Photo Crewneck\"></span> <span name=\"gtm_item_id\" value=\"8841756934167\"></span> <span name=\"gtm_item_collection\" value=\"\"></span> <span name=\"gtm_item_variant\" value=\"S\"></span> <span name=\"gtm_item_upc\" value=\"00196177688155\"></span> <span name=\"gtm_item_price\" value=\"75.00\"></span> <span name=\"gtm_component_ref\" value=\"\"></span> </div> </div> </div> </li>"},{"page":2,"position":15,"html":"<li class=\"grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex\" data-items-element=\"swiper-slide\" data-pagination-item=\"product\" data-product-position=\"15\" data-pagination=\"2\"> <div class=\"grid-item__content w-full h-full\"> <div id=\"ProductInfo-8841757032471-template--24320444760087__featured_collection_WVrDUp-15\" class=\"card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out\" data-product=\"8841757032471\" data-scroll=\"T\"> <div class=\"card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent\" style=\"\"> <div class=\"card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative\"> <div class=\"card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2\"> <a href=\"/products/the-eternal-sunshine-tour-hoodie\"> <div class=\"card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent\"> <div class=\"card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full\"></div> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_BACK_WEB_MOCK.png?v=1779820492&width=1000\" alt=\"The Eternal Sunshine Tour Hoodie Back\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_BACK_WEB_MOCK.png?v=1779820492&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_BACK_WEB_MOCK.png?v=1779820492&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_BACK_WEB_MOCK.png?v=1779820492&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_BACK_WEB_MOCK.png?v=1779820492&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_BACK_WEB_MOCK.png?v=1779820492&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_BACK_WEB_MOCK.png?v=1779820492&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive\"> <div class=\" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 \"> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_FRONT_WEB_MOCK.png?v=1779820491&width=1000\" alt=\"The Eternal Sunshine Tour Hoodie Front\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_FRONT_WEB_MOCK.png?v=1779820491&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_FRONT_WEB_MOCK.png?v=1779820491&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_FRONT_WEB_MOCK.png?v=1779820491&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_FRONT_WEB_MOCK.png?v=1779820491&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_FRONT_WEB_MOCK.png?v=1779820491&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_PRODUCT_ARI_26_TOUR_AA_EST_SUNSHINE_ARCH_HOODIE_FRONT_WEB_MOCK.png?v=1779820491&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover image__responsive\"> </div></div> </a> </div> </div> <div class=\"card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0\"> <ul class=\" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start \"> <li> <div class=\"tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm\" style=\"--color-bg: #ffffff; --color-border: #000000; --color-text: #000000\">Sold out</div> </li> </ul> <a href=\"/products/the-eternal-sunshine-tour-hoodie\" aria-label=\"The Eternal Sunshine Tour Hoodie\"> <div class=\"card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_sm\"> The Eternal Sunshine Tour Hoodie </p> </div> </a> <div class=\"card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_xs\"> <del class=\"price__compare\"></del> <span class=\"price__current\">$85.00</span> </p> </div> </div> </div> <div hidden class=\"hidden\"> <span name=\"gtm_item_name\" value=\"The Eternal Sunshine Tour Hoodie\"></span> <span name=\"gtm_item_id\" value=\"8841757032471\"></span> <span name=\"gtm_item_collection\" value=\"\"></span> <span name=\"gtm_item_variant\" value=\"S\"></span> <span name=\"gtm_item_upc\" value=\"00196177688278\"></span> <span name=\"gtm_item_price\" value=\"85.00\"></span> <span name=\"gtm_component_ref\" value=\"\"></span> </div> </div> </div> </li>"},{"page":2,"position":16,"html":"<li class=\"grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 basis-full !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(3*var(--grid-gap-x)))/4)] !md:mr-0 relative flex\" data-items-element=\"swiper-slide\" data-pagination-item=\"product\" data-product-position=\"16\" data-pagination=\"2\"> <div class=\"grid-item__content w-full h-full\"> <div id=\"ProductInfo-8841756475415-template--24320444760087__featured_collection_WVrDUp-16\" class=\"card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out\" data-product=\"8841756475415\" data-scroll=\"E\"> <div class=\"card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent\" style=\"\"> <div class=\"card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative\"> <div class=\"card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2\"> <a href=\"/products/eternal-sunshine-tour-ascend-t-shirt\"> <div class=\"card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent\"> <div class=\"card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full\"></div> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_FRONT_WEB_MOCK.png?v=1779820485&width=1000\" alt=\"Eternal Sunshine Tour Ascend T-Shirt Front\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_FRONT_WEB_MOCK.png?v=1779820485&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_FRONT_WEB_MOCK.png?v=1779820485&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_FRONT_WEB_MOCK.png?v=1779820485&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_FRONT_WEB_MOCK.png?v=1779820485&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_FRONT_WEB_MOCK.png?v=1779820485&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_FRONT_WEB_MOCK.png?v=1779820485&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive\"> <div class=\" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 \"> <img src=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_BACK_WEB_MOCK.png?v=1779820485&width=1000\" alt=\"Eternal Sunshine Tour Ascend T-Shirt Back\" srcset=\"//shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_BACK_WEB_MOCK.png?v=1779820485&width=100 100w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_BACK_WEB_MOCK.png?v=1779820485&width=300 300w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_BACK_WEB_MOCK.png?v=1779820485&width=400 400w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_BACK_WEB_MOCK.png?v=1779820485&width=500 500w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_BACK_WEB_MOCK.png?v=1779820485&width=600 600w, //shop.arianagrande.com/cdn/shop/files/PRODUCT_ARI_26_TOUR_AA_EST_COLLAGE_TOUR_DATES_BACK_WEB_MOCK.png?v=1779820485&width=800 800w\" width=\"1000\" height=\"1398\" loading=\"lazy\" sizes=\"(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw,\" class=\"absolute inset-0 w-full h-full object-cover image__responsive\"> </div></div> </a> </div> </div> <div class=\"card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0\"> <ul class=\" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start \"> <li> <div class=\"tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm\" style=\"--color-bg: #ffffff; --color-border: #000000; --color-text: #000000\">Sold out</div> </li> </ul> <a href=\"/products/eternal-sunshine-tour-ascend-t-shirt\" aria-label=\"Eternal Sunshine Tour Ascend T-Shirt\"> <div class=\"card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_sm\"> Eternal Sunshine Tour Ascend T-Shirt </p> </div> </a> <div class=\"card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-\"> <p class=\"text_body_xs\"> <del class=\"price__compare\"></del> <span class=\"price__current\">$35.00</span> </p> </div> </div> </div> <div hidden class=\"hidden\"> <span name=\"gtm_item_name\" value=\"Eternal Sunshine Tour Ascend T-Shirt\"></span> <span name=\"gtm_item_id\" value=\"8841756475415\"></span> <span name=\"gtm_item_collection\" value=\"\"></span> <span name=\"gtm_item_variant\" value=\"S\"></span> <span name=\"gtm_item_upc\" value=\"00196177687912\"></span> <span name=\"gtm_item_price\" value=\"35.00\"></span> <span name=\"gtm_component_ref\" value=\"\"></span> </div> </div> </div> </li>"}], "genericCards": [] } </script>
</ul>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 -translate-x-full md:-translate-x-full left-0 hidden md:hidden">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
<span class="sr-only">Previous</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-full md:translate-x-full right-0 hidden md:hidden">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
<span class="sr-only">Next</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<collection-view-more id="collection_view_more_ihFjcJ" class=" flex flex-col py-none px-none items-center " limit="12" total="16" shown="12" > <div class="notification notification__error view-more-error-notification hidden mb-sm-sm text_body_md c-text-error-on c-bg-error text-left py-sm-sm px-sm-sm" > <span class="notification__text" data-notification-text >An unknown error occurred while loading more products.</span> </div> <div id="collection_view_more_ihFjcJ-collection-progress-label" class=" progress-label text_body_sm mb-sm-xs " aria-live="polite" aria-atomic="true">Showing <span data-shown>12</span> of <span data-total>16</span> total</div> <div id="collection_view_more_ihFjcJ__progress" style="--progress-bg-color: rgba(255, 255, 255, 0.25); --progress-height: 0.25rem;" class=" progress max-w-[200px] mb-sm-md " > <div class="progress__bar h-full" style="width: var(--progress-percentage, 0%); background-color: var( --color-primary );"></div> </div> <button type="button" aria-label="View More, the eternal sunshine tour" class=" btn btn--primary ">View More</button> </collection-view-more>
</div>
</div></div>
</div>
</div>
</div>
<style> #shopify-section-template--24320444760087__featured_collection_WVrDUp h2 {transform: rotate(-1deg);} @media (max-width: 767px) {#shopify-section-template--24320444760087__featured_collection_WVrDUp .carousel-nav {padding-left: 0; padding-right: 0; }} </style></section><section id="shopify-section-template--24320444760087__featured_collection_8UVBEb" class="shopify-section featured-collection">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-title-link">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-md">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-center md:items-center gap-sm-md">
<div class="flex flex-col items-center md:items-center text-center md:text-center center">
<h2 class="c-text-content-heading text_heading_lg">dangerous woman 10</h2>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div
data-items-element="swiper__parent"
class="carousel-wrapper w-full min-w-full relative"
data-carousel-type="grid-carousel"
data-carousel-class="carousel-wrapper w-full min-w-full relative"
data-carousel-layout="carousel"
data-carousel-layout-md="carousel"
data-slides-per-view="1"
data-slides-per-view-md="3"
data-slides-per-view-lg="4"
data-carousel-loop="false"
data-carousel-autoplay="0"
data-carousel-peek="false"
data-carousel-peek-md="false"
data-carousel-peek-value="0.15"
data-carousel-peek-value-md="0.15"
data-carousel-dragfree="false"
data-carousel-align="start"
data-carousel-align-md="start"
data-carousel-gap-x="sm"
data-carousel-gap-y="sm"
data-carousel-zoom=""
data-carousel-pagination-type=""
style="--cols: 1; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-sm,0); --grid-gap-x: var(--gap-container-sm,0); --grid-gap-y: var(--gap-container-sm,0);"
>
<div
data-items-element="swiper__viewport"
class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
<ul
data-items-element="swiper-wrapper"
class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-next-url=""
>
<li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8793893961751-template--24320444760087__featured_collection_8UVBEb-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8793893961751" data-scroll="D"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-tenth-anniversary-edition-2lp-2016-art-store-exclusive"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2016_1_front_255657a4-bf7e-485a-9e77-01ba704d2040.png?v=1779288622&width=1000" alt="Dangerous Woman Tenth Anniversary Edition 2LP (2016 Art - Store Exclusive)" srcset="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2016_1_front_255657a4-bf7e-485a-9e77-01ba704d2040.png?v=1779288622&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2016_1_front_255657a4-bf7e-485a-9e77-01ba704d2040.png?v=1779288622&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2016_1_front_255657a4-bf7e-485a-9e77-01ba704d2040.png?v=1779288622&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2016_1_front_255657a4-bf7e-485a-9e77-01ba704d2040.png?v=1779288622&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2016_1_front_255657a4-bf7e-485a-9e77-01ba704d2040.png?v=1779288622&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2016_1_front_255657a4-bf7e-485a-9e77-01ba704d2040.png?v=1779288622&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/4_open.png?v=1779290176&width=1000" alt="Dangerous Woman Tenth Anniversary Edition 2LP (2016 Art - Store Exclusive)" srcset="//shop.arianagrande.com/cdn/shop/files/4_open.png?v=1779290176&width=100 100w, //shop.arianagrande.com/cdn/shop/files/4_open.png?v=1779290176&width=300 300w, //shop.arianagrande.com/cdn/shop/files/4_open.png?v=1779290176&width=400 400w, //shop.arianagrande.com/cdn/shop/files/4_open.png?v=1779290176&width=500 500w, //shop.arianagrande.com/cdn/shop/files/4_open.png?v=1779290176&width=600 600w, //shop.arianagrande.com/cdn/shop/files/4_open.png?v=1779290176&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> </ul> <a href="/products/dangerous-woman-tenth-anniversary-edition-2lp-2016-art-store-exclusive" aria-label="Dangerous Woman Tenth Anniversary Edition 2LP (2016 Art - Store Exclusive)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Dangerous Woman Tenth Anniversary Edition 2LP (2016 Art - Store Exclusive) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$49.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Dangerous Woman Tenth Anniversary Edition 2LP (2016 Art - Store Exclusive)"></span> <span name="gtm_item_id" value="8793893961751"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957226509"></span> <span name="gtm_item_price" value="49.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8793894027287-template--24320444760087__featured_collection_8UVBEb-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8793894027287" data-scroll="D"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-tenth-anniversary-edition-2lp-2026-art-store-exclusive"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_1_front_c8ba7381-fac3-4025-a352-e5d8dd403136.png?v=1779288559&width=1000" alt="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art - Store Exclusive)" srcset="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_1_front_c8ba7381-fac3-4025-a352-e5d8dd403136.png?v=1779288559&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_1_front_c8ba7381-fac3-4025-a352-e5d8dd403136.png?v=1779288559&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_1_front_c8ba7381-fac3-4025-a352-e5d8dd403136.png?v=1779288559&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_1_front_c8ba7381-fac3-4025-a352-e5d8dd403136.png?v=1779288559&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_1_front_c8ba7381-fac3-4025-a352-e5d8dd403136.png?v=1779288559&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_1_front_c8ba7381-fac3-4025-a352-e5d8dd403136.png?v=1779288559&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_3_open_6f9e579f-b5f2-4de7-a49d-ab07b16d7926.png?v=1779289416&width=1000" alt="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art - Store Exclusive)" srcset="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_3_open_6f9e579f-b5f2-4de7-a49d-ab07b16d7926.png?v=1779289416&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_3_open_6f9e579f-b5f2-4de7-a49d-ab07b16d7926.png?v=1779289416&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_3_open_6f9e579f-b5f2-4de7-a49d-ab07b16d7926.png?v=1779289416&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_3_open_6f9e579f-b5f2-4de7-a49d-ab07b16d7926.png?v=1779289416&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_3_open_6f9e579f-b5f2-4de7-a49d-ab07b16d7926.png?v=1779289416&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_D2C_2026_3_open_6f9e579f-b5f2-4de7-a49d-ab07b16d7926.png?v=1779289416&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--limited_edition product__tag product__tag--limited_edition card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >Limited Edition</div> </li> </ul> <a href="/products/dangerous-woman-tenth-anniversary-edition-2lp-2026-art-store-exclusive" aria-label="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art - Store Exclusive)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art - Store Exclusive) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$49.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art - Store Exclusive)"></span> <span name="gtm_item_id" value="8793894027287"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957226523"></span> <span name="gtm_item_price" value="49.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8832364675095-template--24320444760087__featured_collection_8UVBEb-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8832364675095" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-10-hoodie"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_BACK_WEB.png?v=1779283757&width=1000" alt="dangerous woman 10 hoodie Back" srcset="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_BACK_WEB.png?v=1779283757&width=100 100w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_BACK_WEB.png?v=1779283757&width=300 300w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_BACK_WEB.png?v=1779283757&width=400 400w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_BACK_WEB.png?v=1779283757&width=500 500w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_BACK_WEB.png?v=1779283757&width=600 600w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_BACK_WEB.png?v=1779283757&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_FRONT_WEB.png?v=1779283738&width=1000" alt="dangerous woman 10 hoodie front" srcset="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_FRONT_WEB.png?v=1779283738&width=100 100w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_FRONT_WEB.png?v=1779283738&width=300 300w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_FRONT_WEB.png?v=1779283738&width=400 400w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_FRONT_WEB.png?v=1779283738&width=500 500w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_FRONT_WEB.png?v=1779283738&width=600 600w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_HOODIE_FRONT_WEB.png?v=1779283738&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dangerous-woman-10-hoodie" aria-label="dangerous woman 10 hoodie"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 hoodie </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$85.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman 10 hoodie"></span> <span name="gtm_item_id" value="8832364675095"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177680746"></span> <span name="gtm_item_price" value="85.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8832364642327-template--24320444760087__featured_collection_8UVBEb-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8832364642327" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-10-crewneck"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMMCREW_WEB.png?v=1779283738&width=1000" alt="dangerous woman 10 crewneck" srcset="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMMCREW_WEB.png?v=1779283738&width=100 100w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMMCREW_WEB.png?v=1779283738&width=300 300w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMMCREW_WEB.png?v=1779283738&width=400 400w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMMCREW_WEB.png?v=1779283738&width=500 500w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMMCREW_WEB.png?v=1779283738&width=600 600w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMMCREW_WEB.png?v=1779283738&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dangerous-woman-10-crewneck" aria-label="dangerous woman 10 crewneck"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 crewneck </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$85.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman 10 crewneck"></span> <span name="gtm_item_id" value="8832364642327"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177680685"></span> <span name="gtm_item_price" value="85.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8832364544023-template--24320444760087__featured_collection_8UVBEb-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8832364544023" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-10-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/dw_t-shirt.png?v=1779283757&width=1000" alt="dangerous woman 10 t-shirt" srcset="//shop.arianagrande.com/cdn/shop/files/dw_t-shirt.png?v=1779283757&width=100 100w, //shop.arianagrande.com/cdn/shop/files/dw_t-shirt.png?v=1779283757&width=300 300w, //shop.arianagrande.com/cdn/shop/files/dw_t-shirt.png?v=1779283757&width=400 400w, //shop.arianagrande.com/cdn/shop/files/dw_t-shirt.png?v=1779283757&width=500 500w, //shop.arianagrande.com/cdn/shop/files/dw_t-shirt.png?v=1779283757&width=600 600w, //shop.arianagrande.com/cdn/shop/files/dw_t-shirt.png?v=1779283757&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dangerous-woman-10-t-shirt" aria-label="dangerous woman 10 t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman 10 t-shirt"></span> <span name="gtm_item_id" value="8832364544023"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177680562"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8832364740631-template--24320444760087__featured_collection_8UVBEb-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8832364740631" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-10-hat-black"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_BLACK_WEB.png?v=1779283757&width=1000" alt="dangerous woman 10 hat (black)" srcset="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_BLACK_WEB.png?v=1779283757&width=100 100w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_BLACK_WEB.png?v=1779283757&width=300 300w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_BLACK_WEB.png?v=1779283757&width=400 400w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_BLACK_WEB.png?v=1779283757&width=500 500w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_BLACK_WEB.png?v=1779283757&width=600 600w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_BLACK_WEB.png?v=1779283757&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dangerous-woman-10-hat-black" aria-label="dangerous woman 10 hat (black)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 hat (black) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman 10 hat (black)"></span> <span name="gtm_item_id" value="8832364740631"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177680814"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8832364773399-template--24320444760087__featured_collection_8UVBEb-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8832364773399" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-10-hat-white"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_WHITE_WEB.png?v=1779283757&width=1000" alt="dangerous woman 10 hat (white)" srcset="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_WHITE_WEB.png?v=1779283757&width=100 100w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_WHITE_WEB.png?v=1779283757&width=300 300w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_WHITE_WEB.png?v=1779283757&width=400 400w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_WHITE_WEB.png?v=1779283757&width=500 500w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_WHITE_WEB.png?v=1779283757&width=600 600w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM_HAT_WHITE_WEB.png?v=1779283757&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dangerous-woman-10-hat-white" aria-label="dangerous woman 10 hat (white)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 hat (white) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman 10 hat (white)"></span> <span name="gtm_item_id" value="8832364773399"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177680821"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="8" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8832364707863-template--24320444760087__featured_collection_8UVBEb-8" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8832364707863" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-10-keychain"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM__KEYCHAIN_WEB.png?v=1779283737&width=1000" alt="dangerous woman 10 keychain" srcset="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM__KEYCHAIN_WEB.png?v=1779283737&width=100 100w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM__KEYCHAIN_WEB.png?v=1779283737&width=300 300w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM__KEYCHAIN_WEB.png?v=1779283737&width=400 400w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM__KEYCHAIN_WEB.png?v=1779283737&width=500 500w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM__KEYCHAIN_WEB.png?v=1779283737&width=600 600w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ARI_26_ECOMM__KEYCHAIN_WEB.png?v=1779283737&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dangerous-woman-10-keychain" aria-label="dangerous woman 10 keychain"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 keychain </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$20.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman 10 keychain"></span> <span name="gtm_item_id" value="8832364707863"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177680807"></span> <span name="gtm_item_price" value="20.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="9" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8832364609559-template--24320444760087__featured_collection_8UVBEb-9" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8832364609559" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-10-logo-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ECOMMGRAPHIC_TEE_WEB.png?v=1779283757&width=1000" alt="dangerous woman 10 logo t-shirt" srcset="//shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ECOMMGRAPHIC_TEE_WEB.png?v=1779283757&width=100 100w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ECOMMGRAPHIC_TEE_WEB.png?v=1779283757&width=300 300w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ECOMMGRAPHIC_TEE_WEB.png?v=1779283757&width=400 400w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ECOMMGRAPHIC_TEE_WEB.png?v=1779283757&width=500 500w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ECOMMGRAPHIC_TEE_WEB.png?v=1779283757&width=600 600w, //shop.arianagrande.com/cdn/shop/files/RESIZED_PRODUCT_ECOMMGRAPHIC_TEE_WEB.png?v=1779283757&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/dangerous-woman-10-logo-t-shirt" aria-label="dangerous woman 10 logo t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 logo t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman 10 logo t-shirt"></span> <span name="gtm_item_id" value="8832364609559"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177680623"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="10" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8793894060055-template--24320444760087__featured_collection_8UVBEb-10" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="8793894060055" data-scroll="D"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-tenth-anniversary-edition-2lp-2026-art"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_1_front_14f396ae-57c0-4218-a449-b875126fe2f1.png?v=1779288522&width=1000" alt="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art)" srcset="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_1_front_14f396ae-57c0-4218-a449-b875126fe2f1.png?v=1779288522&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_1_front_14f396ae-57c0-4218-a449-b875126fe2f1.png?v=1779288522&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_1_front_14f396ae-57c0-4218-a449-b875126fe2f1.png?v=1779288522&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_1_front_14f396ae-57c0-4218-a449-b875126fe2f1.png?v=1779288522&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_1_front_14f396ae-57c0-4218-a449-b875126fe2f1.png?v=1779288522&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_1_front_14f396ae-57c0-4218-a449-b875126fe2f1.png?v=1779288522&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_2_open_d144e6a9-93c3-4754-a39c-4c44684d9a38.png?v=1779288898&width=1000" alt="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art)" srcset="//shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_2_open_d144e6a9-93c3-4754-a39c-4c44684d9a38.png?v=1779288898&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_2_open_d144e6a9-93c3-4754-a39c-4c44684d9a38.png?v=1779288898&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_2_open_d144e6a9-93c3-4754-a39c-4c44684d9a38.png?v=1779288898&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_2_open_d144e6a9-93c3-4754-a39c-4c44684d9a38.png?v=1779288898&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_2_open_d144e6a9-93c3-4754-a39c-4c44684d9a38.png?v=1779288898&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_DW10_LP_Retail_2_open_d144e6a9-93c3-4754-a39c-4c44684d9a38.png?v=1779288898&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/dangerous-woman-tenth-anniversary-edition-2lp-2026-art" aria-label="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art)"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art) </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$45.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art)"></span> <span name="gtm_item_id" value="8793894060055"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00199957181907"></span> <span name="gtm_item_price" value="45.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
</ul>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 -translate-x-full md:-translate-x-full left-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
<span class="sr-only">Previous</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-full md:translate-x-full right-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
<span class="sr-only">Next</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="block-buttons">
<div class="media-item media-item-buttons flex flex-col py-none px-none">
<div class="flex flex-col xs:flex-row space-y-4 xs:space-x-4 xs:space-y-0 justify-center"><a class="block btn btn--light"
href="/collections/dangerous-woman-10"
type="button" aria-label="shop all">shop all</a></div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<style> #shopify-section-template--24320444760087__featured_collection_8UVBEb h2 {transform: rotate(-1deg);} @media (max-width: 767px) {#shopify-section-template--24320444760087__featured_collection_8UVBEb .carousel-nav {padding-left: 0; padding-right: 0; }} </style></section><aside id="shopify-section-template--24320444760087__spacer_HMrUmQ" class="shopify-section spacer">
<div class="spacer__wrapper section__wrapper c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
<div class="spacer__spacing section-spacing mx-auto w-full relative z-10 py-container-sm px-none max-w-full md:px-none md:max-w-full">
</div>
</div>
</aside><section id="shopify-section-template--24320444760087__media_section_Hwwqh4" class="shopify-section media-section">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-sm">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-none" style="--gridColsMobile: 2; --gridColsDesktop: 4;">
<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
<div class="grid grid-cols-1 grid-rows-1">
<div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1">
<picture class="image__adaptive w-full">
<source data-src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=1700" alt="vinyl polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=800 800w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=1600 1600w" width="1700" height="1900" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=900" alt="vinyl polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2331.png?v=1777386843&width=800 800w" width="900" height="1006" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," class="w-full image__responsive">
</picture>
</div>
<a href="/collections/vinyl-collection" class="col-start-1 row-start-1 z-10" ></a>
</div>
</div>
<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
<div class="grid grid-cols-1 grid-rows-1">
<div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1">
<picture class="image__adaptive w-full">
<source data-src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=1700" alt="polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=800 800w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=1600 1600w" width="1700" height="1900" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=900" alt="polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2332.png?v=1777386842&width=800 800w" width="900" height="1006" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," class="w-full image__responsive">
</picture>
</div>
<a href="/collections/petal" class="col-start-1 row-start-1 z-10" ></a>
</div>
</div>
<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
<div class="grid grid-cols-1 grid-rows-1">
<div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1">
<picture class="image__adaptive w-full">
<source data-src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=1700" alt="music polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=800 800w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=1600 1600w" width="1700" height="1900" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=900" alt="music polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2333.png?v=1777386843&width=800 800w" width="900" height="1006" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," class="w-full image__responsive">
</picture>
</div>
<a href="/collections/music" class="col-start-1 row-start-1 z-10" ></a>
</div>
</div>
<div class="media-item media-item-image-overlay flex flex-col relative justify-center px-none py-none">
<div class="grid grid-cols-1 grid-rows-1">
<div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1">
<picture class="image__adaptive w-full">
<source data-src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=1700" alt="merch polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=800 800w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=1600 1600w" width="1700" height="1900" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=900" alt="merch polaroid" srcset="//shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=100 100w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=300 300w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=400 400w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=500 500w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=600 600w, //shop.arianagrande.com/cdn/shop/files/19mjd-olkp0-wp2334.png?v=1777386842&width=800 800w" width="900" height="1006" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 25vw, (max-width: 759px) 50vw," class="w-full image__responsive">
</picture>
</div>
<a href="/collections/merch" class="col-start-1 row-start-1 z-10" ></a>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<style> #shopify-section-template--24320444760087__media_section_Hwwqh4 image__adaptive {transform: rotate(5deg);} #shopify-section-template--24320444760087__media_section_Hwwqh4 .media-item:nth-of-type(2n) {transform: rotate(-4deg);} #shopify-section-template--24320444760087__media_section_Hwwqh4 .media-item:nth-of-type(3n) {transform: rotate(3deg);} #shopify-section-template--24320444760087__media_section_Hwwqh4 .media-item:nth-of-type(4n) {transform: rotate(-3deg);} @media screen and (max-width: 768px) {#shopify-section-template--24320444760087__media_section_Hwwqh4 .section-spacing {padding: 1vw; }} </style></section><aside id="shopify-section-template--24320444760087__spacer_V6qeGT" class="shopify-section spacer">
<div class="spacer__wrapper section__wrapper c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
<div class="spacer__spacing section-spacing mx-auto w-full relative z-10 py-container-xs px-none max-w-full md:px-none md:max-w-full">
</div>
</div>
</aside><section id="shopify-section-template--24320444760087__featured_collection_jzNYT4" class="shopify-section featured-collection">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-title-link">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-2xs">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-center md:items-center gap-sm-md">
<div class="flex flex-col items-center md:items-center text-center md:text-center center">
<h2 class="c-text-content-heading text_heading_lg">eternal sunshine:<br>brighter days ahead</h2>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div
data-items-element="swiper__parent"
class="carousel-wrapper w-full min-w-full relative"
data-carousel-type="grid-carousel"
data-carousel-class="carousel-wrapper w-full min-w-full relative"
data-carousel-layout="carousel"
data-carousel-layout-md="carousel"
data-slides-per-view="1"
data-slides-per-view-md="3"
data-slides-per-view-lg="4"
data-carousel-loop="false"
data-carousel-autoplay="0"
data-carousel-peek="false"
data-carousel-peek-md="false"
data-carousel-peek-value="0.15"
data-carousel-peek-value-md="0.15"
data-carousel-dragfree="false"
data-carousel-align="start"
data-carousel-align-md="start"
data-carousel-gap-x="sm"
data-carousel-gap-y="sm"
data-carousel-zoom=""
data-carousel-pagination-type=""
style="--cols: 1; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-sm,0); --grid-gap-x: var(--gap-container-sm,0); --grid-gap-y: var(--gap-container-sm,0);"
>
<div
data-items-element="swiper__viewport"
class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
<ul
data-items-element="swiper-wrapper"
class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-next-url=""
>
<li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7533921763351-template--24320444760087__featured_collection_jzNYT4-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="7533921763351" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-deluxe-brighter-days-ahead-2lp"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/lkvlskdvksjf_1.png?v=1741613304&width=1000" alt="Eternal Sunshine Deluxe: Brighter Days Ahead 2LP" srcset="//shop.arianagrande.com/cdn/shop/files/lkvlskdvksjf_1.png?v=1741613304&width=100 100w, //shop.arianagrande.com/cdn/shop/files/lkvlskdvksjf_1.png?v=1741613304&width=300 300w, //shop.arianagrande.com/cdn/shop/files/lkvlskdvksjf_1.png?v=1741613304&width=400 400w, //shop.arianagrande.com/cdn/shop/files/lkvlskdvksjf_1.png?v=1741613304&width=500 500w, //shop.arianagrande.com/cdn/shop/files/lkvlskdvksjf_1.png?v=1741613304&width=600 600w, //shop.arianagrande.com/cdn/shop/files/lkvlskdvksjf_1.png?v=1741613304&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/AG-ESDLXSTPACKSHOT_3.png?v=1743172402&width=1000" alt="Eternal Sunshine Deluxe: Brighter Days Ahead 2LP Packshot" srcset="//shop.arianagrande.com/cdn/shop/files/AG-ESDLXSTPACKSHOT_3.png?v=1743172402&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG-ESDLXSTPACKSHOT_3.png?v=1743172402&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG-ESDLXSTPACKSHOT_3.png?v=1743172402&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG-ESDLXSTPACKSHOT_3.png?v=1743172402&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG-ESDLXSTPACKSHOT_3.png?v=1743172402&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG-ESDLXSTPACKSHOT_3.png?v=1743172402&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/eternal-sunshine-deluxe-brighter-days-ahead-2lp" aria-label="Eternal Sunshine Deluxe: Brighter Days Ahead 2LP"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Eternal Sunshine Deluxe: Brighter Days Ahead 2LP </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$45.99</span> </p> </div> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> <li> <div class="tag tag--restocked product__tag product__tag--restocked card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >restocked</div> </li> </ul> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Deluxe: Brighter Days Ahead 2LP"></span> <span name="gtm_item_id" value="7533921763351"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602468076469"></span> <span name="gtm_item_price" value="45.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7533921796119-template--24320444760087__featured_collection_jzNYT4-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7533921796119" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-deluxe-brighter-days-ahead-cd"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/lwejkfno-4D2CweF.png?v=1741613251&width=1000" alt="Eternal Sunshine Deluxe: Brighter Days Ahead CD" srcset="//shop.arianagrande.com/cdn/shop/files/lwejkfno-4D2CweF.png?v=1741613251&width=100 100w, //shop.arianagrande.com/cdn/shop/files/lwejkfno-4D2CweF.png?v=1741613251&width=300 300w, //shop.arianagrande.com/cdn/shop/files/lwejkfno-4D2CweF.png?v=1741613251&width=400 400w, //shop.arianagrande.com/cdn/shop/files/lwejkfno-4D2CweF.png?v=1741613251&width=500 500w, //shop.arianagrande.com/cdn/shop/files/lwejkfno-4D2CweF.png?v=1741613251&width=600 600w, //shop.arianagrande.com/cdn/shop/files/lwejkfno-4D2CweF.png?v=1741613251&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/eternal-sunshine-deluxe-brighter-days-ahead-cd" aria-label="Eternal Sunshine Deluxe: Brighter Days Ahead CD"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Eternal Sunshine Deluxe: Brighter Days Ahead CD </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$17.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Deluxe: Brighter Days Ahead CD"></span> <span name="gtm_item_id" value="7533921796119"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602468076414"></span> <span name="gtm_item_price" value="17.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7533921533975-template--24320444760087__featured_collection_jzNYT4-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7533921533975" data-scroll="B"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/brighter-days-storefront-hat"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/iwjflwjsf_0009.png?v=1741613208&width=1000" alt="Brighter Days Storefront Hat" srcset="//shop.arianagrande.com/cdn/shop/files/iwjflwjsf_0009.png?v=1741613208&width=100 100w, //shop.arianagrande.com/cdn/shop/files/iwjflwjsf_0009.png?v=1741613208&width=300 300w, //shop.arianagrande.com/cdn/shop/files/iwjflwjsf_0009.png?v=1741613208&width=400 400w, //shop.arianagrande.com/cdn/shop/files/iwjflwjsf_0009.png?v=1741613208&width=500 500w, //shop.arianagrande.com/cdn/shop/files/iwjflwjsf_0009.png?v=1741613208&width=600 600w, //shop.arianagrande.com/cdn/shop/files/iwjflwjsf_0009.png?v=1741613208&width=800 800w" width="1000" height="1038" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/brighter-days-storefront-hat" aria-label="Brighter Days Storefront Hat"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Brighter Days Storefront Hat </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--restocked product__tag product__tag--restocked card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg-secondary c-text-tertiary-on c-border-transparent border-none rounded-sm" >restocked</div> </li> </ul> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Brighter Days Storefront Hat"></span> <span name="gtm_item_id" value="7533921533975"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00196177468092"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7798620586007-template--24320444760087__featured_collection_jzNYT4-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7798620586007" data-scroll="S"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/supernatural-7"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_0001_AG_supernatural_7inchmock.png?v=1756992705&width=1000" alt="Supernatural 7"" srcset="//shop.arianagrande.com/cdn/shop/files/AG_0001_AG_supernatural_7inchmock.png?v=1756992705&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_0001_AG_supernatural_7inchmock.png?v=1756992705&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_0001_AG_supernatural_7inchmock.png?v=1756992705&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_0001_AG_supernatural_7inchmock.png?v=1756992705&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_0001_AG_supernatural_7inchmock.png?v=1756992705&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_0001_AG_supernatural_7inchmock.png?v=1756992705&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/supernatural-7" aria-label="Supernatural 7""> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Supernatural 7" </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$14.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Supernatural 7""></span> <span name="gtm_item_id" value="7798620586007"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602478617850"></span> <span name="gtm_item_price" value="14.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7798620618775-template--24320444760087__featured_collection_jzNYT4-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7798620618775" data-scroll="H"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/hampstead-7"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_0002_AG_Hampsteadl_7inchmock.png?v=1756992715&width=1000" alt="Hampstead 7"" srcset="//shop.arianagrande.com/cdn/shop/files/AG_0002_AG_Hampsteadl_7inchmock.png?v=1756992715&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_0002_AG_Hampsteadl_7inchmock.png?v=1756992715&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_0002_AG_Hampsteadl_7inchmock.png?v=1756992715&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_0002_AG_Hampsteadl_7inchmock.png?v=1756992715&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_0002_AG_Hampsteadl_7inchmock.png?v=1756992715&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_0002_AG_Hampsteadl_7inchmock.png?v=1756992715&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/hampstead-7" aria-label="Hampstead 7""> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Hampstead 7" </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$14.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Hampstead 7""></span> <span name="gtm_item_id" value="7798620618775"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602478617843"></span> <span name="gtm_item_price" value="14.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7798620553239-template--24320444760087__featured_collection_jzNYT4-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7798620553239" data-scroll="D"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dandelion-7"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_0000_AG_Dandelion-7inchmock.png?v=1756992715&width=1000" alt="Dandelion 7"" srcset="//shop.arianagrande.com/cdn/shop/files/AG_0000_AG_Dandelion-7inchmock.png?v=1756992715&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_0000_AG_Dandelion-7inchmock.png?v=1756992715&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_0000_AG_Dandelion-7inchmock.png?v=1756992715&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_0000_AG_Dandelion-7inchmock.png?v=1756992715&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_0000_AG_Dandelion-7inchmock.png?v=1756992715&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_0000_AG_Dandelion-7inchmock.png?v=1756992715&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dandelion-7" aria-label="Dandelion 7""> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Dandelion 7" </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$14.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Dandelion 7""></span> <span name="gtm_item_id" value="7798620553239"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602478617836"></span> <span name="gtm_item_price" value="14.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7713640153111-template--24320444760087__featured_collection_jzNYT4-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7713640153111" data-scroll="t"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/twilight-zone-7"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_p_mek.png?v=1750425940&width=1000" alt="twilight zone 7"" srcset="//shop.arianagrande.com/cdn/shop/files/AG_p_mek.png?v=1750425940&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_p_mek.png?v=1750425940&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_p_mek.png?v=1750425940&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_p_mek.png?v=1750425940&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_p_mek.png?v=1750425940&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_p_mek.png?v=1750425940&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/twilight-zone-7" aria-label="twilight zone 7""> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> twilight zone 7" </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$14.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="twilight zone 7""></span> <span name="gtm_item_id" value="7713640153111"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602478322938"></span> <span name="gtm_item_price" value="14.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="8" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7713640185879-template--24320444760087__featured_collection_jzNYT4-8" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7713640185879" data-scroll="t"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/twilight-zone-cd-single"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AD_d_mek.png?v=1750425923&width=1000" alt="twilight zone CD single" srcset="//shop.arianagrande.com/cdn/shop/files/AD_d_mek.png?v=1750425923&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AD_d_mek.png?v=1750425923&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AD_d_mek.png?v=1750425923&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AD_d_mek.png?v=1750425923&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AD_d_mek.png?v=1750425923&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AD_d_mek.png?v=1750425923&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/twilight-zone-cd-single" aria-label="twilight zone CD single"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> twilight zone CD single </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$2.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="twilight zone CD single"></span> <span name="gtm_item_id" value="7713640185879"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602478322785"></span> <span name="gtm_item_price" value="2.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="9" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7713640218647-template--24320444760087__featured_collection_jzNYT4-9" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7713640218647" data-scroll="t"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/twilight-zone-cassette"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AG_cst_mek.png?v=1750425906&width=1000" alt="twilight zone cassette" srcset="//shop.arianagrande.com/cdn/shop/files/AG_cst_mek.png?v=1750425906&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AG_cst_mek.png?v=1750425906&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AG_cst_mek.png?v=1750425906&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AG_cst_mek.png?v=1750425906&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AG_cst_mek.png?v=1750425906&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AG_cst_mek.png?v=1750425906&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/twilight-zone-cassette" aria-label="twilight zone cassette"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> twilight zone cassette </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$7.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="twilight zone cassette"></span> <span name="gtm_item_id" value="7713640218647"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602478322921"></span> <span name="gtm_item_price" value="7.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="10" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7562094379031-template--24320444760087__featured_collection_jzNYT4-10" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7562094379031" data-scroll="9"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/934-33-erase-hoodie"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/j-2_0007_j_0010_jj_0004_PRODUCT_AGRA_25_ECOM_SK_BRIGHTERDAYSINC_OFFWHITEHOODIE-_1.png?v=1743166269&width=1000" alt="934-33-ERASE Hoodie" srcset="//shop.arianagrande.com/cdn/shop/files/j-2_0007_j_0010_jj_0004_PRODUCT_AGRA_25_ECOM_SK_BRIGHTERDAYSINC_OFFWHITEHOODIE-_1.png?v=1743166269&width=100 100w, //shop.arianagrande.com/cdn/shop/files/j-2_0007_j_0010_jj_0004_PRODUCT_AGRA_25_ECOM_SK_BRIGHTERDAYSINC_OFFWHITEHOODIE-_1.png?v=1743166269&width=300 300w, //shop.arianagrande.com/cdn/shop/files/j-2_0007_j_0010_jj_0004_PRODUCT_AGRA_25_ECOM_SK_BRIGHTERDAYSINC_OFFWHITEHOODIE-_1.png?v=1743166269&width=400 400w, //shop.arianagrande.com/cdn/shop/files/j-2_0007_j_0010_jj_0004_PRODUCT_AGRA_25_ECOM_SK_BRIGHTERDAYSINC_OFFWHITEHOODIE-_1.png?v=1743166269&width=500 500w, //shop.arianagrande.com/cdn/shop/files/j-2_0007_j_0010_jj_0004_PRODUCT_AGRA_25_ECOM_SK_BRIGHTERDAYSINC_OFFWHITEHOODIE-_1.png?v=1743166269&width=600 600w, //shop.arianagrande.com/cdn/shop/files/j-2_0007_j_0010_jj_0004_PRODUCT_AGRA_25_ECOM_SK_BRIGHTERDAYSINC_OFFWHITEHOODIE-_1.png?v=1743166269&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/934-33-erase-hoodie" aria-label="934-33-ERASE Hoodie"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> 934-33-ERASE Hoodie </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$85.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="934-33-ERASE Hoodie"></span> <span name="gtm_item_id" value="7562094379031"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177468412"></span> <span name="gtm_item_price" value="85.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="11" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7533921828887-template--24320444760087__featured_collection_jzNYT4-11" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7533921828887" data-scroll="E"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/eternal-sunshine-deluxe-brighter-days-ahead-digital-album"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/lwejfe2_1a1d151e-48be-4285-835a-52ad913aa68a.png?v=1741613327&width=1000" alt="Eternal Sunshine Deluxe: Brighter Days Ahead Digital Album" srcset="//shop.arianagrande.com/cdn/shop/files/lwejfe2_1a1d151e-48be-4285-835a-52ad913aa68a.png?v=1741613327&width=100 100w, //shop.arianagrande.com/cdn/shop/files/lwejfe2_1a1d151e-48be-4285-835a-52ad913aa68a.png?v=1741613327&width=300 300w, //shop.arianagrande.com/cdn/shop/files/lwejfe2_1a1d151e-48be-4285-835a-52ad913aa68a.png?v=1741613327&width=400 400w, //shop.arianagrande.com/cdn/shop/files/lwejfe2_1a1d151e-48be-4285-835a-52ad913aa68a.png?v=1741613327&width=500 500w, //shop.arianagrande.com/cdn/shop/files/lwejfe2_1a1d151e-48be-4285-835a-52ad913aa68a.png?v=1741613327&width=600 600w, //shop.arianagrande.com/cdn/shop/files/lwejfe2_1a1d151e-48be-4285-835a-52ad913aa68a.png?v=1741613327&width=800 800w" width="1000" height="1000" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/eternal-sunshine-deluxe-brighter-days-ahead-digital-album" aria-label="Eternal Sunshine Deluxe: Brighter Days Ahead Digital Album"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Eternal Sunshine Deluxe: Brighter Days Ahead Digital Album </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$9.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="Eternal Sunshine Deluxe: Brighter Days Ahead Digital Album"></span> <span name="gtm_item_id" value="7533921828887"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602478075223"></span> <span name="gtm_item_price" value="9.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
</ul>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 -translate-x-full md:-translate-x-full left-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary-on hover:c-bg-primary active:c-bg-primary c-border-gray-800 hover:c-border-gray-200 border-default-width-wide rounded-xl c-text-primary hover:c-text-primary-on">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
<span class="sr-only">Previous</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-full md:translate-x-full right-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary-on hover:c-bg-primary active:c-bg-primary c-border-gray-800 hover:c-border-gray-200 border-default-width-wide rounded-xl c-text-primary hover:c-text-primary-on">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
<span class="sr-only">Next</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="block-buttons">
<div class="media-item media-item-buttons flex flex-col py-none px-none">
<div class="flex flex-col xs:flex-row space-y-4 xs:space-x-4 xs:space-y-0 justify-center"><a class="block btn btn--tertiary"
href="/collections/brighter-days-ahead"
type="button" aria-label="Shop all">Shop all</a></div>
</div>
</div>
</div>
</div></div>
</div>
</div>
<div class="section__bg relative col-start-1 row-start-1 col-span-1 row-span-1 z-0 h-full w-full select-none" aria-hidden="true">
<picture class="image__adaptive h-full w-full">
<source data-src="//shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=2000" srcset="//shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=100 100w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=300 300w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=400 400w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=500 500w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=600 600w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=800 800w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=1600 1600w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_X.png?v=1777386799&width=2000 2000w" width="2000" height="1101" loading="lazy" sizes="100vw" media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_Y.png?v=1777386799&width=900" srcset="//shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_Y.png?v=1777386799&width=100 100w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_Y.png?v=1777386799&width=300 300w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_Y.png?v=1777386799&width=400 400w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_Y.png?v=1777386799&width=500 500w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_Y.png?v=1777386799&width=600 600w, //shop.arianagrande.com/cdn/shop/files/au3m0-21066-2mds2_Y.png?v=1777386799&width=800 800w" width="900" height="1479" loading="lazy" sizes="100vw" class="w-full h-full object-contain image__responsive">
</picture>
</div>
</div>
<style> #shopify-section-template--24320444760087__featured_collection_jzNYT4 h2 {transform: rotate(2deg);} #shopify-section-template--24320444760087__featured_collection_jzNYT4 /* .card__image {box-shadow: inset 0.1em 0.1em 0.2em 0 rgba(0, 0, 0, 0.2), inset -0.2em -0.2em 0.2em 0 rgba(255, 255, 255, 0);} */.carousel-wrapper {padding-left: 2rem; padding-right: 2rem;} #shopify-section-template--24320444760087__featured_collection_jzNYT4 .carousel-nav__button {position: relative; bottom: 85px;} @media (max-width: 767px) {#shopify-section-template--24320444760087__featured_collection_jzNYT4 .carousel-nav {padding-left: 0; padding-right: 0; }} </style></section><section id="shopify-section-template--24320444760087__featured_collection_AGRqWx" class="shopify-section featured-collection">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-title-link">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-md">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="media-item media-item-seo-text [overflow-wrap:anywhere] hyphens-auto py-none px-none flex flex-col md:flex md:flex-col items-center md:items-center gap-sm-md">
<div class="flex flex-col items-center md:items-center text-center md:text-center center">
<h2 class="c-text-content-heading text_heading_lg">featured favorites</h2>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div
data-items-element="swiper__parent"
class="carousel-wrapper w-full min-w-full relative"
data-carousel-type="grid-carousel"
data-carousel-class="carousel-wrapper w-full min-w-full relative"
data-carousel-layout="carousel"
data-carousel-layout-md="carousel"
data-slides-per-view="1"
data-slides-per-view-md="3"
data-slides-per-view-lg="4"
data-carousel-loop="false"
data-carousel-autoplay="0"
data-carousel-peek="false"
data-carousel-peek-md="false"
data-carousel-peek-value="0.15"
data-carousel-peek-value-md="0.15"
data-carousel-dragfree="false"
data-carousel-align="start"
data-carousel-align-md="start"
data-carousel-gap-x="sm"
data-carousel-gap-y="sm"
data-carousel-zoom=""
data-carousel-pagination-type=""
style="--cols: 1; --cols-md: 3; --cols-lg: 4; --peek-value: 0.15; --peek-value-md: 0.15; --grid-gap: var(--gap-container-sm,0); --grid-gap-x: var(--gap-container-sm,0); --grid-gap-y: var(--gap-container-sm,0);"
>
<div
data-items-element="swiper__viewport"
class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
data-carousel-class="w-full overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
<ul
data-items-element="swiper-wrapper"
class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-initial-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none max-md:gap-var-grid-gap-x max-md:columns-var-cols max-md:overflow-x-scroll md:max-w-[100vw] md:gap-var-grid-gap-x md:columns-var-cols-md lg:columns-var-cols-lg md:overflow-x-scroll"
data-class="grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-carousel-class="z-10 relative max-w-[100vw] w-full grid-layout grid--product md:flex-nowrap md:justify-normal md:gap-none"
data-next-url=""
>
<li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="1" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7026055938071-template--24320444760087__featured_collection_AGRqWx-1" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7026055938071" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-cream-crewneck"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/dangerouswomancrew_12bc690e-9926-4a12-8350-8990770fcc0d.png?v=1706122504&width=1000" alt="dangerous woman cream crewneck" srcset="//shop.arianagrande.com/cdn/shop/files/dangerouswomancrew_12bc690e-9926-4a12-8350-8990770fcc0d.png?v=1706122504&width=100 100w, //shop.arianagrande.com/cdn/shop/files/dangerouswomancrew_12bc690e-9926-4a12-8350-8990770fcc0d.png?v=1706122504&width=300 300w, //shop.arianagrande.com/cdn/shop/files/dangerouswomancrew_12bc690e-9926-4a12-8350-8990770fcc0d.png?v=1706122504&width=400 400w, //shop.arianagrande.com/cdn/shop/files/dangerouswomancrew_12bc690e-9926-4a12-8350-8990770fcc0d.png?v=1706122504&width=500 500w, //shop.arianagrande.com/cdn/shop/files/dangerouswomancrew_12bc690e-9926-4a12-8350-8990770fcc0d.png?v=1706122504&width=600 600w, //shop.arianagrande.com/cdn/shop/files/dangerouswomancrew_12bc690e-9926-4a12-8350-8990770fcc0d.png?v=1706122504&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/CREW_DETAIL_35344bca-ae73-42b7-9127-aba31ddbd5b7.png?v=1706122504&width=1000" alt="dangerous woman cream crewneck detail" srcset="//shop.arianagrande.com/cdn/shop/files/CREW_DETAIL_35344bca-ae73-42b7-9127-aba31ddbd5b7.png?v=1706122504&width=100 100w, //shop.arianagrande.com/cdn/shop/files/CREW_DETAIL_35344bca-ae73-42b7-9127-aba31ddbd5b7.png?v=1706122504&width=300 300w, //shop.arianagrande.com/cdn/shop/files/CREW_DETAIL_35344bca-ae73-42b7-9127-aba31ddbd5b7.png?v=1706122504&width=400 400w, //shop.arianagrande.com/cdn/shop/files/CREW_DETAIL_35344bca-ae73-42b7-9127-aba31ddbd5b7.png?v=1706122504&width=500 500w, //shop.arianagrande.com/cdn/shop/files/CREW_DETAIL_35344bca-ae73-42b7-9127-aba31ddbd5b7.png?v=1706122504&width=600 600w, //shop.arianagrande.com/cdn/shop/files/CREW_DETAIL_35344bca-ae73-42b7-9127-aba31ddbd5b7.png?v=1706122504&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/dangerous-woman-cream-crewneck" aria-label="dangerous woman cream crewneck"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman cream crewneck </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$65.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman cream crewneck"></span> <span name="gtm_item_id" value="7026055938071"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177010826"></span> <span name="gtm_item_price" value="65.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="2" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7241005498391-template--24320444760087__featured_collection_AGRqWx-2" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7241005498391" data-scroll="t"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-boy-is-mine-crewneck"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/TBIM-crew-front.png?v=1719427859&width=1000" alt="the boy is mine crewneck front" srcset="//shop.arianagrande.com/cdn/shop/files/TBIM-crew-front.png?v=1719427859&width=100 100w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-front.png?v=1719427859&width=300 300w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-front.png?v=1719427859&width=400 400w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-front.png?v=1719427859&width=500 500w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-front.png?v=1719427859&width=600 600w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-front.png?v=1719427859&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/TBIM-crew-back.png?v=1719427859&width=1000" alt="the boy is mine crewneck back" srcset="//shop.arianagrande.com/cdn/shop/files/TBIM-crew-back.png?v=1719427859&width=100 100w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-back.png?v=1719427859&width=300 300w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-back.png?v=1719427859&width=400 400w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-back.png?v=1719427859&width=500 500w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-back.png?v=1719427859&width=600 600w, //shop.arianagrande.com/cdn/shop/files/TBIM-crew-back.png?v=1719427859&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/the-boy-is-mine-crewneck" aria-label="the boy is mine crewneck"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> the boy is mine crewneck </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$70.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="the boy is mine crewneck"></span> <span name="gtm_item_id" value="7241005498391"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="3XL"></span> <span name="gtm_item_upc" value="00196177320505"></span> <span name="gtm_item_price" value="70.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="3" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7018706829335-template--24320444760087__featured_collection_AGRqWx-3" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7018706829335" data-scroll="y"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/yes-and-crewneck"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/yes-and-crew.png?v=1705013630&width=1000" alt="yes, and? crewneck front" srcset="//shop.arianagrande.com/cdn/shop/files/yes-and-crew.png?v=1705013630&width=100 100w, //shop.arianagrande.com/cdn/shop/files/yes-and-crew.png?v=1705013630&width=300 300w, //shop.arianagrande.com/cdn/shop/files/yes-and-crew.png?v=1705013630&width=400 400w, //shop.arianagrande.com/cdn/shop/files/yes-and-crew.png?v=1705013630&width=500 500w, //shop.arianagrande.com/cdn/shop/files/yes-and-crew.png?v=1705013630&width=600 600w, //shop.arianagrande.com/cdn/shop/files/yes-and-crew.png?v=1705013630&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/yes-and-crewneck-back.png?v=1705013630&width=1000" alt="yes, and? crewneck back" srcset="//shop.arianagrande.com/cdn/shop/files/yes-and-crewneck-back.png?v=1705013630&width=100 100w, //shop.arianagrande.com/cdn/shop/files/yes-and-crewneck-back.png?v=1705013630&width=300 300w, //shop.arianagrande.com/cdn/shop/files/yes-and-crewneck-back.png?v=1705013630&width=400 400w, //shop.arianagrande.com/cdn/shop/files/yes-and-crewneck-back.png?v=1705013630&width=500 500w, //shop.arianagrande.com/cdn/shop/files/yes-and-crewneck-back.png?v=1705013630&width=600 600w, //shop.arianagrande.com/cdn/shop/files/yes-and-crewneck-back.png?v=1705013630&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/yes-and-crewneck" aria-label="yes, and? crewneck"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> yes, and? crewneck </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$70.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="yes, and? crewneck"></span> <span name="gtm_item_id" value="7018706829335"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="2XL"></span> <span name="gtm_item_upc" value="00196177256569"></span> <span name="gtm_item_price" value="70.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="4" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7234351759383-template--24320444760087__featured_collection_AGRqWx-4" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7234351759383" data-scroll="t"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-boy-is-mine-cassette"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/tbim-ct-front.png?v=1721070150&width=1000" alt="the boy is mine cassette front" srcset="//shop.arianagrande.com/cdn/shop/files/tbim-ct-front.png?v=1721070150&width=100 100w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-front.png?v=1721070150&width=300 300w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-front.png?v=1721070150&width=400 400w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-front.png?v=1721070150&width=500 500w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-front.png?v=1721070150&width=600 600w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-front.png?v=1721070150&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/tbim-ct-back.png?v=1721070150&width=1000" alt="the boy is mine cassette back" srcset="//shop.arianagrande.com/cdn/shop/files/tbim-ct-back.png?v=1721070150&width=100 100w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-back.png?v=1721070150&width=300 300w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-back.png?v=1721070150&width=400 400w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-back.png?v=1721070150&width=500 500w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-back.png?v=1721070150&width=600 600w, //shop.arianagrande.com/cdn/shop/files/tbim-ct-back.png?v=1721070150&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/the-boy-is-mine-cassette" aria-label="the boy is mine cassette"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> the boy is mine cassette </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$6.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="the boy is mine cassette"></span> <span name="gtm_item_id" value="7234351759383"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602465747348"></span> <span name="gtm_item_price" value="6.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="5" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7161614106647-template--24320444760087__featured_collection_AGRqWx-5" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7161614106647" data-scroll="t"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/teddy-ribbed-tank-top"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/TEDDY-TANK-FRONT.png?v=1715039272&width=1000" alt="teddy ribbed tank top front" srcset="//shop.arianagrande.com/cdn/shop/files/TEDDY-TANK-FRONT.png?v=1715039272&width=100 100w, //shop.arianagrande.com/cdn/shop/files/TEDDY-TANK-FRONT.png?v=1715039272&width=300 300w, //shop.arianagrande.com/cdn/shop/files/TEDDY-TANK-FRONT.png?v=1715039272&width=400 400w, //shop.arianagrande.com/cdn/shop/files/TEDDY-TANK-FRONT.png?v=1715039272&width=500 500w, //shop.arianagrande.com/cdn/shop/files/TEDDY-TANK-FRONT.png?v=1715039272&width=600 600w, //shop.arianagrande.com/cdn/shop/files/TEDDY-TANK-FRONT.png?v=1715039272&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/files/tank-front-detail.png?v=1715039272&width=1000" alt="teddy ribbed tank top front detail" srcset="//shop.arianagrande.com/cdn/shop/files/tank-front-detail.png?v=1715039272&width=100 100w, //shop.arianagrande.com/cdn/shop/files/tank-front-detail.png?v=1715039272&width=300 300w, //shop.arianagrande.com/cdn/shop/files/tank-front-detail.png?v=1715039272&width=400 400w, //shop.arianagrande.com/cdn/shop/files/tank-front-detail.png?v=1715039272&width=500 500w, //shop.arianagrande.com/cdn/shop/files/tank-front-detail.png?v=1715039272&width=600 600w, //shop.arianagrande.com/cdn/shop/files/tank-front-detail.png?v=1715039272&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/teddy-ribbed-tank-top" aria-label="teddy ribbed tank top"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> teddy ribbed tank top </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$40.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="teddy ribbed tank top"></span> <span name="gtm_item_id" value="7161614106647"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="M"></span> <span name="gtm_item_upc" value="00196177301924"></span> <span name="gtm_item_price" value="40.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="6" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7161614041111-template--24320444760087__featured_collection_AGRqWx-6" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7161614041111" data-scroll="b"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/brighter-days-cropped-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/grayshirt.png?v=1715187979&width=1000" alt="brighter days cropped t-shirt" srcset="//shop.arianagrande.com/cdn/shop/files/grayshirt.png?v=1715187979&width=100 100w, //shop.arianagrande.com/cdn/shop/files/grayshirt.png?v=1715187979&width=300 300w, //shop.arianagrande.com/cdn/shop/files/grayshirt.png?v=1715187979&width=400 400w, //shop.arianagrande.com/cdn/shop/files/grayshirt.png?v=1715187979&width=500 500w, //shop.arianagrande.com/cdn/shop/files/grayshirt.png?v=1715187979&width=600 600w, //shop.arianagrande.com/cdn/shop/files/grayshirt.png?v=1715187979&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/brighter-days-cropped-t-shirt" aria-label="brighter days cropped t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> brighter days cropped t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$45.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="brighter days cropped t-shirt"></span> <span name="gtm_item_id" value="7161614041111"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177301795"></span> <span name="gtm_item_price" value="45.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="7" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7015842938903-template--24320444760087__featured_collection_AGRqWx-7" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7015842938903" data-scroll="y"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/yes-and-cd-single"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/YesAnd_CD-01_1.png?v=1704898382&width=1000" alt="yes, and? CD Single" srcset="//shop.arianagrande.com/cdn/shop/files/YesAnd_CD-01_1.png?v=1704898382&width=100 100w, //shop.arianagrande.com/cdn/shop/files/YesAnd_CD-01_1.png?v=1704898382&width=300 300w, //shop.arianagrande.com/cdn/shop/files/YesAnd_CD-01_1.png?v=1704898382&width=400 400w, //shop.arianagrande.com/cdn/shop/files/YesAnd_CD-01_1.png?v=1704898382&width=500 500w, //shop.arianagrande.com/cdn/shop/files/YesAnd_CD-01_1.png?v=1704898382&width=600 600w, //shop.arianagrande.com/cdn/shop/files/YesAnd_CD-01_1.png?v=1704898382&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/yes-and-cd-single" aria-label="yes, and? CD Single"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> yes, and? CD Single </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$1.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="yes, and? CD Single"></span> <span name="gtm_item_id" value="7015842938903"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602465026238"></span> <span name="gtm_item_price" value="1.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="8" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7178495262743-template--24320444760087__featured_collection_AGRqWx-8" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="7178495262743" data-scroll="W"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/we-cant-be-friends-7"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/files/AGWECANTBEFRIENDS_7in_LP_MOCKUP.png?v=1716039688&width=1000" alt="We Can't Be Friends 7"" srcset="//shop.arianagrande.com/cdn/shop/files/AGWECANTBEFRIENDS_7in_LP_MOCKUP.png?v=1716039688&width=100 100w, //shop.arianagrande.com/cdn/shop/files/AGWECANTBEFRIENDS_7in_LP_MOCKUP.png?v=1716039688&width=300 300w, //shop.arianagrande.com/cdn/shop/files/AGWECANTBEFRIENDS_7in_LP_MOCKUP.png?v=1716039688&width=400 400w, //shop.arianagrande.com/cdn/shop/files/AGWECANTBEFRIENDS_7in_LP_MOCKUP.png?v=1716039688&width=500 500w, //shop.arianagrande.com/cdn/shop/files/AGWECANTBEFRIENDS_7in_LP_MOCKUP.png?v=1716039688&width=600 600w, //shop.arianagrande.com/cdn/shop/files/AGWECANTBEFRIENDS_7in_LP_MOCKUP.png?v=1716039688&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <a href="/products/we-cant-be-friends-7" aria-label="We Can't Be Friends 7""> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> We Can't Be Friends 7" </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$13.99</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="We Can't Be Friends 7""></span> <span name="gtm_item_id" value="7178495262743"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602465575286"></span> <span name="gtm_item_price" value="13.99"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="9" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-7036429533207-template--24320444760087__featured_collection_AGRqWx-9" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="7036429533207" data-scroll="a"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/ag7-cropped-white-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-front.png?v=1707428881&width=1000" alt="ag7 cropped white t-shirt front" srcset="//shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-front.png?v=1707428881&width=100 100w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-front.png?v=1707428881&width=300 300w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-front.png?v=1707428881&width=400 400w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-front.png?v=1707428881&width=500 500w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-front.png?v=1707428881&width=600 600w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-front.png?v=1707428881&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-back.png?v=1707428881&width=1000" alt="ag7 cropped white t-shirt back" srcset="//shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-back.png?v=1707428881&width=100 100w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-back.png?v=1707428881&width=300 300w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-back.png?v=1707428881&width=400 400w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-back.png?v=1707428881&width=500 500w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-back.png?v=1707428881&width=600 600w, //shop.arianagrande.com/cdn/shop/products/eternal-sunshine-cropped-white-t-shirt-back.png?v=1707428881&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/ag7-cropped-white-t-shirt" aria-label="ag7 cropped white t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> ag7 cropped white t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$40.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="ag7 cropped white t-shirt"></span> <span name="gtm_item_id" value="7036429533207"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177266865"></span> <span name="gtm_item_price" value="40.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li> <li class="grid-item__wrapper w-full h-full break-after-column break-inside-avoid grow-1 shrink-0 md:basis-auto md:!mr-var-grid-gap-x relative flex" data-items-element="swiper-slide" data-pagination-item="product" data-product-position="10" data-pagination="1"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-6818379431959-template--24320444760087__featured_collection_AGRqWx-10" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card product_card--sold-out" data-product="6818379431959" data-scroll="d"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1 relative"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/dangerous-woman-gray-t-shirt"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[100%] border-none rounded-sm c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.arianagrande.com/cdn/shop/products/GREY_TEE_FRONT.png?v=1665605930&width=1000" alt="dangerous woman gray t-shirt" srcset="//shop.arianagrande.com/cdn/shop/products/GREY_TEE_FRONT.png?v=1665605930&width=100 100w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_FRONT.png?v=1665605930&width=300 300w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_FRONT.png?v=1665605930&width=400 400w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_FRONT.png?v=1665605930&width=500 500w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_FRONT.png?v=1665605930&width=600 600w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_FRONT.png?v=1665605930&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class=" card__image-hover-container image-hover absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-200 "> <img src="//shop.arianagrande.com/cdn/shop/products/GREY_TEE_DETAIL.png?v=1665605932&width=1000" alt="dangerous woman gray t-shirt detail" srcset="//shop.arianagrande.com/cdn/shop/products/GREY_TEE_DETAIL.png?v=1665605932&width=100 100w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_DETAIL.png?v=1665605932&width=300 300w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_DETAIL.png?v=1665605932&width=400 400w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_DETAIL.png?v=1665605932&width=500 500w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_DETAIL.png?v=1665605932&width=600 600w, //shop.arianagrande.com/cdn/shop/products/GREY_TEE_DETAIL.png?v=1665605932&width=800 800w" width="1000" height="1398" loading="lazy" sizes="(min-width: 1024px) 25vw, (min-width: 760px) 33vw, (max-width: 759px) 100vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-sm pt-sm-xl pb-sm-sm px-sm-xs group-data-[overlay-active=card]:invisible group-data-[overlay-active=card]:opacity-0"> <ul class=" card__tags flex flex-wrap gap-sm-xs top-0 left-0 absolute p-sm-sm group-data-[overlay-active]:invisible md:absolute md:p-sm-sm group-data-[overlay-active]:md:invisible pointer-events-none select-none w-full flex justify-start md:justify-start "> <li> <div class="tag tag--sold_out product__tag product__tag--sold_out card__single-tag cursor-default text_body_xs px-xs-lg py-xs-2xs c-bg- c-border- c-text- border-none rounded-sm" style="--color-bg: #ffffff; --color-border: #000000; --color-text: #000000">Sold out</div> </li> </ul> <a href="/products/dangerous-woman-gray-t-shirt" aria-label="dangerous woman gray t-shirt"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman gray t-shirt </p> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_xs"> <del class="price__compare"></del> <span class="price__current">$35.00</span> </p> </div> </div> </div> <div hidden class="hidden"> <span name="gtm_item_name" value="dangerous woman gray t-shirt"></span> <span name="gtm_item_id" value="6818379431959"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00196177010727"></span> <span name="gtm_item_price" value="35.00"></span> <span name="gtm_component_ref" value=""></span> </div> </div> </div> </li>
</ul>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 -translate-x-full md:-translate-x-full left-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
<span class="sr-only">Previous</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-full md:translate-x-full right-0 md:flex">
<button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
<div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-primary hover:c-bg-primary-on active:c-bg-primary-on c-border-gray-200 hover:c-border-gray-800 border-default-width-wide rounded-xl c-text-primary-on hover:c-text-primary">
<div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
<span class="sr-only">Next</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
<path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
</svg>
</div>
</div>
</button>
</div>
</div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
<div class="block-buttons">
<div class="media-item media-item-buttons flex flex-col py-none px-none">
<div class="flex flex-col xs:flex-row space-y-4 xs:space-x-4 xs:space-y-0 justify-center"><a class="block btn btn--light"
href="/collections/featured-favorites"
type="button" aria-label="shop all">shop all</a></div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<style> #shopify-section-template--24320444760087__featured_collection_AGRqWx h2 {transform: rotate(-1deg);} @media (max-width: 767px) {#shopify-section-template--24320444760087__featured_collection_AGRqWx .carousel-nav {padding-left: 0; padding-right: 0; }} </style></section><section id="shopify-section-template--24320444760087__lookbook_Md9tdQ" class="shopify-section lookbook">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
<div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
<div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
<div class="section-container-gap grid gap-y-none"><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-full md:px-none md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
<div class="relative w-full lookbook__wrapper">
<div class="lookbook__image-container flex w-full h-auto md:h-auto md:pb-0">
<picture class="image__adaptive w-full h-full object-cover md:static md:w-full md:h-full md:object-cover">
<source data-src="//shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=2831" alt="album tall" srcset="//shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=100 100w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=300 300w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=400 400w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=500 500w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=600 600w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=800 800w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=1600 1600w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=2000 2000w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_T.png?v=1777386803&width=2560 2560w" width="2831" height="858" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100vw, (max-width: 759px) 100vw," media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_U.png?v=1777386799&width=774" alt="album tall" srcset="//shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_U.png?v=1777386799&width=100 100w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_U.png?v=1777386799&width=300 300w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_U.png?v=1777386799&width=400 400w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_U.png?v=1777386799&width=500 500w, //shop.arianagrande.com/cdn/shop/files/1nj30-msiuo-49ww2_U.png?v=1777386799&width=600 600w" width="774" height="1507" loading="lazy" sizes="(min-width: 1024px) 100vw, (min-width: 760px) 100vw, (max-width: 759px) 100vw," class="w-full h-full object-cover md:static md:w-full md:h-full md:object-cover image__responsive">
</picture>
</div>
<div class="absolute z-10 top-0 left-0 w-full h-full" role="tablist">
<div style="--pos-x: 30%; --pos-x--md: 13%; --pos-y: 21%; --pos-y--md: 43%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_re7epX', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_re7epX"
id="tab-hotspot_re7epX"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_re7epX'"
aria-controls="hotspot_re7epX"
:aria-expanded="open == 'hotspot_re7epX'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_re7epX' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_re7epX'" :class="open == 'hotspot_re7epX' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_re7epX" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_re7epX"
role="tooltip"
x-data="{ open: 'hotspot_re7epX'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/petal" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_re7epX" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/petal" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
<div style="--pos-x: 76%; --pos-x--md: 26%; --pos-y: 24%; --pos-y--md: 72%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_Gbd7LG', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_Gbd7LG"
id="tab-hotspot_Gbd7LG"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_Gbd7LG'"
aria-controls="hotspot_Gbd7LG"
:aria-expanded="open == 'hotspot_Gbd7LG'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_Gbd7LG' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_Gbd7LG'" :class="open == 'hotspot_Gbd7LG' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_Gbd7LG" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_Gbd7LG"
role="tooltip"
x-data="{ open: 'hotspot_Gbd7LG'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/eternal-sunshine" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_Gbd7LG" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/eternal-sunshine" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
<div style="--pos-x: 23%; --pos-x--md: 39%; --pos-y: 41%; --pos-y--md: 39%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_KPcG6R', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_KPcG6R"
id="tab-hotspot_KPcG6R"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_KPcG6R'"
aria-controls="hotspot_KPcG6R"
:aria-expanded="open == 'hotspot_KPcG6R'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_KPcG6R' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_KPcG6R'" :class="open == 'hotspot_KPcG6R' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_KPcG6R" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_KPcG6R"
role="tooltip"
x-data="{ open: 'hotspot_KPcG6R'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/positions" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_KPcG6R" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/positions" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
<div style="--pos-x: 70%; --pos-x--md: 50%; --pos-y: 46%; --pos-y--md: 68%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_RYLrg6', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_RYLrg6"
id="tab-hotspot_RYLrg6"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_RYLrg6'"
aria-controls="hotspot_RYLrg6"
:aria-expanded="open == 'hotspot_RYLrg6'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_RYLrg6' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_RYLrg6'" :class="open == 'hotspot_RYLrg6' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_RYLrg6" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_RYLrg6"
role="tooltip"
x-data="{ open: 'hotspot_RYLrg6'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/thank-u-next" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_RYLrg6" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/thank-u-next" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
<div style="--pos-x: 39%; --pos-x--md: 57%; --pos-y: 58%; --pos-y--md: 23%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_DDhMWp', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_DDhMWp"
id="tab-hotspot_DDhMWp"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_DDhMWp'"
aria-controls="hotspot_DDhMWp"
:aria-expanded="open == 'hotspot_DDhMWp'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_DDhMWp' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_DDhMWp'" :class="open == 'hotspot_DDhMWp' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_DDhMWp" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_DDhMWp"
role="tooltip"
x-data="{ open: 'hotspot_DDhMWp'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/sweetener" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_DDhMWp" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/sweetener" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
<div style="--pos-x: 80%; --pos-x--md: 71%; --pos-y: 67%; --pos-y--md: 42%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_A4hEEc', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_A4hEEc"
id="tab-hotspot_A4hEEc"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_A4hEEc'"
aria-controls="hotspot_A4hEEc"
:aria-expanded="open == 'hotspot_A4hEEc'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_A4hEEc' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_A4hEEc'" :class="open == 'hotspot_A4hEEc' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_A4hEEc" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_A4hEEc"
role="tooltip"
x-data="{ open: 'hotspot_A4hEEc'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/dangerous-woman" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_A4hEEc" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/dangerous-woman" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
<div style="--pos-x: 27%; --pos-x--md: 77%; --pos-y: 81%; --pos-y--md: 74%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_UpqVLQ', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_UpqVLQ"
id="tab-hotspot_UpqVLQ"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_UpqVLQ'"
aria-controls="hotspot_UpqVLQ"
:aria-expanded="open == 'hotspot_UpqVLQ'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_UpqVLQ' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_UpqVLQ'" :class="open == 'hotspot_UpqVLQ' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_UpqVLQ" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_UpqVLQ"
role="tooltip"
x-data="{ open: 'hotspot_UpqVLQ'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/my-everything" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_UpqVLQ" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/my-everything" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
<div style="--pos-x: 74%; --pos-x--md: 87%; --pos-y: 89%; --pos-y--md: 44%;" class="lookbook__hotspot absolute left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] -translate-x-2/4 -translate-y-2/4">
<div
x-data="{ hotspot: 'hotspot_axgBXV', section: 'template--24320444760087__lookbook_Md9tdQ'}"
class="relative flex flex-col"
style="--tooltip_arrow_bg_color: var(--color-transparent); --tooltip_arrow_border_color: var(--color-transparent);"
aria-live="polite"
@focusout="const hideToolTip = $hideTooltip($event);if (hideToolTip) $dispatch('toggle-hotspot',{hotspot: '', section});"
>
<div
@click="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
@focus="$dispatch('toggle-hotspot',{hotspot, section}); $showTooltip()"
aria-describedby="tooltip-hotspot_axgBXV"
id="tab-hotspot_axgBXV"
type="button"
role="tab"
data-lookbook-type="default"
:aria-selected="open == 'hotspot_axgBXV'"
aria-controls="hotspot_axgBXV"
:aria-expanded="open == 'hotspot_axgBXV'"
class="hotspot absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 cursor-pointer block px-sm-lg py-sm-lg -m-sm-xs"
x-data="{ open: ''}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
@click.away="open = ''"
tabindex="0"
>
<div class="flex px-xs-sm py-xs-sm">
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-button relative px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary" :class="open == 'hotspot_axgBXV' ? 'lookbook__hotspot_active' : ''"></span>
<span style="--hotspot_bg_color_active: var(--color-tertiary); --hotspot_border_color_active: var(--color-tertiary);" class="hotspot-animation absolute px-xs-sm py-xs-sm c-bg-primary border-default-width-narrow c-border-primary rounded-xl hover:c-bg-tertiary hover:c-border-tertiary motion-safe:animate-ping-small" x-show="open != 'hotspot_axgBXV'" :class="open == 'hotspot_axgBXV' ? 'lookbook__hotspot_active' : ''"></span>
</div>
</div>
<style>
.tooltip-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
</style>
<div class="tooltip-hidden" aria-hidden="true" data-tooltip-id="hotspot_axgBXV" data-tooltip-animation="fade" data-tooltip-arrow="hidden" data-tooltip-direction="bottom">
<div id="tooltip-hotspot_axgBXV"
role="tooltip"
x-data="{ open: 'hotspot_axgBXV'}"
@toggle-hotspot.window="if ($event.detail.section == 'template--24320444760087__lookbook_Md9tdQ') open = $event.detail.hotspot"
x-cloak
style="--width: var(--w-tooltip-sm);"
class="lookbook__tooltip tooltip-wrapper h-full transition-colors shadow-none border-none rounded-none"
>
<div class="tooltip-styles w-full relative grid grid-cols-1 griw-rows-1 z-0 group row-start-1 col-start-1 py-none gap-y-none c-bg-transparent border-default-width c-border-transparent rounded-none">
<div class="inline-block flex flex-1 justify-between gap-x-sm-xs items-baseline px-none">
</div>
<div class="tooltip-button-styles flex relative w-full px-none text-center justify-center">
<a href="/collections/yours-truly" type="button" class="btn btn--primary w-max" aria-describedby="tooltip-heading-hotspot_axgBXV" aria-label="shop all">shop all</a>
</div>
</div>
<a href="/collections/yours-truly" class="absolute w-full h-full row-span-full row-start-1 col-start-1 z-0" aria-label="shop all"></a>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div><div class="section-spacing mx-auto w-full relative z-10 px-none max-w-full md:px-none md:max-w-full">
<div class="section__container grid py-none px-none md:px-none gap-y-none border-none c-border-transparent rounded-none shadow-none">
</div>
</div></div>
</div>
</div>
</div>
<script src="//shop.arianagrande.com/cdn/shop/t/140/assets/lookbook.bundle.js?v=151077080629853547821780353089"></script>
</section><section id="shopify-section-template--24320444760087__developer_RwjMwi" class="shopify-section developer"><style data-shopify>h2 {
background-image: url("https://cdn.shopify.com/s/files/1/0087/7943/1993/files/title_1.png?v=1779315910");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
text-shadow: 1px 0px 2px rgba(225, 225, 225, 1), -1px -0px 2px rgba(225, 225, 225, 1);
padding: 40px 30px 40px 30px;
line-height: 1.1!important;
}
</style>
</section><section id="shopify-section-template--24320444760087__developer_icjTqe" class="shopify-section developer">
<div class="developer__wrapper section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
<div class="developer__spacing section-spacing mx-auto w-full relative z-10 py-container-md px-lg-2xl max-w-full md:px-container-2xl md:max-w-full">
<div class="developer__container section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-gray-500 rounded-none shadow-none"><div class="privy-embed-form" data-campaign="4618509"></div>
</div></div>
</div></section><aside id="shopify-section-template--24320444760087__spacer_73phNJ" class="shopify-section spacer">
<div class="spacer__wrapper section__wrapper c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
<div class="spacer__spacing section-spacing mx-auto w-full relative z-10 py-container-2xs px-none max-w-full md:px-none md:max-w-full">
</div>
</div>
</aside></main>
<script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/theme.bundle.js?v=26312432676841431921780353089"></script><script>
window.focusVariantOnLoad = false;
window.shop_iso_code = "US";
window.shopUrl = 'https://shop.arianagrande.com';
window.currentCurrency = 'USD';
window.shopCurrencyFormat = "${{amount}}"
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
search_url: '/search',
predictive_search_url: '/search/suggest',
privacy_policy_url: '/policies/privacy-policy',
legal_notice_url: '/policies/legal-notice',
terms_of_sale_url: '/policies/terms-of-sale'
};
window.cartStrings = {
error: `There was an error while updating your cart. Please try again.`,
quantityError: `You can only add [quantity] of this item to your cart.`,
pauseFrameUnavailableMessage: `Sorry, this frame is not available at this time`,
pauseFrameSoldOutMessage: `Sorry this frame is no longer available`,
pauseFrame: `Frame`
};
window.variantStrings = {
addToCart: `Add to cart`,
soldOut: `Sorry Sold out`,
unavailable: `Unavailable`,
extendCartTimer: `Extend cart timer`,
chooseThisStyle: `Choose this style`
};
window.accessibilityStrings = {
imageAvailable: `Image [index] is now available in gallery view`,
shareSuccess: `Link copied to clipboard`,
pauseSlideshow: `Pause slideshow`,
playSlideshow: `Play slideshow`,
nextSlide: `Next slide`,
prevSlide: `Previous slide`,
pauseFrameAltHtml: `{{ title }} frame {frameNum} from Video`,
enterFullScreen: `Enter Fullscreen`,
exitFullScreen: `Exit Fullscreen`,
hideFilters: `Hide filters`,
showFilters: `Show filters`,
countdownElementChange: `The countdown has ended. Some elements on the page may have changed.`
};
window.shareStrings = {
copyToClipboard: "Copy link",
successMessage: "Link copied to clipboard",
copyToClipboardError: "Error copying to clipboard",
shareUrlError: "Error opening sharer"
};
window.quickModalStrings = {
productError: "Product details not available.",
};
window.videoButtonStates = {
playButton: "Play Button",
pauseButton: "Pause Button"
};window.shipDateLabel = 'Ships on: {{ date }}';
window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}';</script><!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--24320445644823__footer" class="shopify-section shopify-section-group-footer-group site-footer">
<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-primary-on c-text-primary mt-none c-border-transparent border-none border-x-0 border-b-0 z-10">
<div class="section-spacing mx-auto w-full relative z-10 py-container-sm px-lg-2xl max-w-full md:px-container-2xl md:max-w-full grid gap-y-sm-sm gap-x-sm-sm md:grid-cols-6 mx-auto text-center">
<div class="footer__griditem footer__griditem--0 footer__griditem--social md:col-span-6 md:row-span-1 py-none px-none">
<div class="social-container social-component w-full h-full flex flex-col md:justify-center">
<nav aria-label="Socials menu">
<ul class="flex flex-wrap justify-center md:justify-center gap-none" style="--icon-width: 1.25rem; --icon-height: 1.25rem;">
<li>
<a href="https://www.facebook.com/arianagrande" target="_blank" aria-label="Open Facebook social link" class="icon_facebook flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-primary hover:c-text-gray-300">
<div class="social-icons__wrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z" /></svg>
</div>
</a>
</li>
<li>
<a href="https://www.instagram.com/arianagrande/" target="_blank" aria-label="Open Instagram social link" class="icon_instagram flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-primary hover:c-text-gray-300">
<div class="social-icons__wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="umg-icon"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
</div>
</a>
</li>
<li>
<a href="https://www.youtube.com/c/arianagrande" target="_blank" aria-label="Open YouTube social link" class="icon_youtube flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-primary hover:c-text-gray-300">
<div class="social-icons__wrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M47.5219 14.4001C47.5219 14.4001 47.0531 11.0907 45.6094 9.6376C43.7812 7.7251 41.7375 7.71572 40.8 7.60322C34.0875 7.11572 24.0094 7.11572 24.0094 7.11572H23.9906C23.9906 7.11572 13.9125 7.11572 7.2 7.60322C6.2625 7.71572 4.21875 7.7251 2.39062 9.6376C0.946875 11.0907 0.4875 14.4001 0.4875 14.4001C0.4875 14.4001 0 18.2907 0 22.172V25.8095C0 29.6907 0.478125 33.5813 0.478125 33.5813C0.478125 33.5813 0.946875 36.8907 2.38125 38.3438C4.20937 40.2563 6.60938 40.1907 7.67813 40.397C11.5219 40.7626 24 40.8751 24 40.8751C24 40.8751 34.0875 40.8563 40.8 40.3782C41.7375 40.2657 43.7812 40.2563 45.6094 38.3438C47.0531 36.8907 47.5219 33.5813 47.5219 33.5813C47.5219 33.5813 48 29.7001 48 25.8095V22.172C48 18.2907 47.5219 14.4001 47.5219 14.4001ZM19.0406 30.2251V16.7345L32.0062 23.5032L19.0406 30.2251Z" /></svg>
</div>
</a>
</li>
<li>
<a href="https://itunes.apple.com/us/artist/ariana-grande/412778295" target="_blank" aria-label="Open Apple Music social link" class="icon_apple flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-primary hover:c-text-gray-300">
<div class="social-icons__wrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M43.5839 37.4071C42.858 39.0841 41.9988 40.6277 41.0033 42.0469C39.6463 43.9817 38.5352 45.3209 37.6789 46.0646C36.3516 47.2853 34.9294 47.9105 33.4065 47.946C32.3132 47.946 30.9947 47.6349 29.4599 47.0038C27.9201 46.3757 26.5051 46.0646 25.2112 46.0646C23.8542 46.0646 22.3988 46.3757 20.8421 47.0038C19.2831 47.6349 18.0271 47.9638 17.0668 47.9964C15.6064 48.0586 14.1508 47.4157 12.6978 46.0646C11.7704 45.2557 10.6105 43.8691 9.22087 41.9047C7.72995 39.807 6.50422 37.3745 5.54395 34.6012C4.51554 31.6058 4 28.7051 4 25.8969C4 22.6801 4.69509 19.9057 6.08734 17.5807C7.18153 15.7132 8.63718 14.2401 10.4591 13.1586C12.2809 12.0772 14.2495 11.5261 16.3694 11.4908C17.5293 11.4908 19.0505 11.8496 20.9408 12.5548C22.8258 13.2623 24.0361 13.6211 24.5667 13.6211C24.9635 13.6211 26.308 13.2016 28.5874 12.3652C30.7428 11.5895 32.562 11.2683 34.0524 11.3948C38.0908 11.7207 41.1247 13.3127 43.1425 16.1807C39.5307 18.3691 37.7441 21.4342 37.7797 25.3662C37.8123 28.429 38.9233 30.9776 41.107 33.0013C42.0966 33.9405 43.2017 34.6664 44.4313 35.182C44.1646 35.9553 43.8832 36.696 43.5839 37.4071V37.4071ZM34.322 0.960762C34.322 3.36131 33.445 5.6027 31.6969 7.6773C29.5873 10.1436 27.0357 11.5687 24.2687 11.3439C24.2334 11.0559 24.213 10.7528 24.213 10.4343C24.213 8.12973 25.2162 5.66343 26.9978 3.6469C27.8872 2.6259 29.0185 1.77694 30.3903 1.09972C31.7591 0.432598 33.0539 0.0636663 34.2716 0.000488281C34.3072 0.321404 34.322 0.64234 34.322 0.960731V0.960762Z" /></svg>
</div>
</a>
</li>
<li>
<a href="https://play.spotify.com/artist/66CXWjxzNUsdJxJ2JdwvnR" target="_blank" aria-label="Open Spotify social link" class="icon_spotify flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-primary hover:c-text-gray-300">
<div class="social-icons__wrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M23.9266 0C10.7126 0 0 10.7123 0 23.9263C0 37.1409 10.7126 47.8523 23.9266 47.8523C37.142 47.8523 47.8534 37.1409 47.8534 23.9263C47.8534 10.7131 37.142 0.00114285 23.9263 0.00114285L23.9266 0ZM34.8991 34.5086C34.4706 35.2114 33.5506 35.4343 32.8477 35.0029C27.23 31.5714 20.158 30.7943 11.8294 32.6971C11.0269 32.88 10.2269 32.3771 10.044 31.5743C9.86029 30.7714 10.3611 29.9714 11.1657 29.7886C20.28 27.7054 28.098 28.6029 34.4049 32.4571C35.1077 32.8886 35.3306 33.8057 34.8991 34.5086ZM37.8277 27.9929C37.2877 28.8714 36.1391 29.1486 35.262 28.6086C28.8306 24.6546 19.0269 23.5097 11.4197 25.8189C10.4331 26.1169 9.39114 25.5609 9.09171 24.576C8.79457 23.5894 9.35086 22.5494 10.3357 22.2494C19.0251 19.6129 29.8277 20.89 37.2134 25.4286C38.0906 25.9686 38.3677 27.1169 37.8277 27.9929ZM38.0791 21.2089C30.3677 16.6286 17.6449 16.2074 10.2823 18.442C9.1 18.8006 7.84971 18.1331 7.49143 16.9509C7.13314 15.768 7.8 14.5186 8.98314 14.1591C17.4349 11.5934 31.4849 12.0891 40.3631 17.3597C41.4289 17.9909 41.7774 19.3643 41.146 20.4263C40.5174 21.4897 39.1403 21.8403 38.0803 21.2089H38.0791Z" /></svg>
</div>
</a>
</li>
<li>
<a href="https://www.tiktok.com/@arianagrande" target="_blank" aria-label="Open TikTok social link" class="icon_tiktok flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-primary hover:c-text-gray-300">
<div class="social-icons__wrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M34.1451 0H26.0556V32.6956C26.0556 36.5913 22.9444 39.7913 19.0725 39.7913C15.2007 39.7913 12.0894 36.5913 12.0894 32.6956C12.0894 28.8696 15.1315 25.7391 18.8651 25.6V17.3913C10.6374 17.5304 4 24.2783 4 32.6956C4 41.1827 10.7757 48 19.1417 48C27.5075 48 34.2833 41.1131 34.2833 32.6956V15.9304C37.3255 18.1565 41.059 19.4783 45 19.5479V11.3391C38.9157 11.1304 34.1451 6.12173 34.1451 0Z" /></svg>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="footer__griditem footer__griditem--1 footer__griditem--text md:col-span-6 md:row-span-1 py-none px-none text_body_xs c-text-primary">
<div class="text-container w-full h-full flex flex-col text-center md:text-center md:justify-center">
<p>
If you are using a screen reader and are having problems using this website, please call 866-682-4413 for assistance.
</p>
</div>
</div>
<div class="support-links-container col-span-full py-none px-none">
<nav class="w-full md:flex md:items-center nav-wrapper col-span-full justify-center" aria-label="Support Links">
<ul class="menu-nav text-center md:text-center md:flex justify-start md:flex-wrap gap-x-sm-sm gap-y-sm-xs nav-container flex flex-col md:flex-row">
<li class="text_navigation_sm c-text-primary hover:c-text-gray-300 cursor-pointer no-underline hover:no-underline">
<a href="/pages/help">Help & Support</a>
</li>
<li class="text_navigation_sm c-text-primary hover:c-text-gray-300 cursor-pointer no-underline hover:no-underline">
<a href="/policies/terms-of-sale">Terms</a>
</li>
<li class="text_navigation_sm c-text-primary hover:c-text-gray-300 cursor-pointer no-underline hover:no-underline">
<a href="/policies/privacy-policy">Privacy</a>
</li>
<li class="text_navigation_sm c-text-primary hover:c-text-gray-300 cursor-pointer no-underline hover:no-underline">
<a href="/policies/legal-notice">Do not sell my personal information</a>
</li>
<li class="text_navigation_sm c-text-primary hover:c-text-gray-300 cursor-pointer no-underline hover:no-underline">
<a href="#" onclick="event.preventDefault();transcend.showConsentManager({'viewState': 'CompleteOptions' });" data-linklist="transcend">Cookie Choices</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
<!-- END sections: footer-group --><script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/utm-params.bundle.js?v=44857160626880170391780353089"></script>
<script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/section-render.bundle.js?v=154588927741139015221780353089"></script><script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/product.bundle.js?v=110179297687378494561780353089"></script><script defer="defer" src="//shop.arianagrande.com/cdn/shop/t/140/assets/cart-drawer.bundle.js?v=87398640709522926711780353089"></script><script async="async" src="//shop.arianagrande.com/cdn/shop/t/140/assets/content-overlay.bundle.js?v=37908579092181384011780353089"></script><!-- BEGIN sections: background-group -->
<aside id="shopify-section-sections--24320445612055__page-background" class="shopify-section shopify-section-group-background-group page-bg">
<div class="fixed -z-[1] h-full w-full top-0 left-0 select-none" aria-hidden="true">
<picture class="image__adaptive h-full w-full">
<source data-src="//shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=2000" srcset="//shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=100 100w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=300 300w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=400 400w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=500 500w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=600 600w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=800 800w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=1200 1200w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=1600 1600w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=2000 2000w" width="2000" height="2000" loading="lazy" sizes="100vw" media="(min-width: 760px)">
<img src="//shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=900" srcset="//shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=100 100w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=300 300w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=400 400w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=500 500w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=600 600w, //shop.arianagrande.com/cdn/shop/files/312po-z12q2-139qq.jpg?v=1777386797&width=800 800w" width="900" height="900" loading="lazy" sizes="100vw" class="w-full h-full object-cover object-top image__responsive">
</picture>
</div>
</aside><section id="shopify-section-sections--24320445612055__bespoke-background-video" class="shopify-section shopify-section-group-background-group section">
</section>
<!-- END sections: background-group --><!-- add links to collection titles start -->
<script>
document.addEventListener("DOMContentLoaded", function () {
const customSections = document.querySelectorAll(".custom-title-link");
for (let section of customSections) {
const title = section.querySelector("h2");
const button = section.querySelector(".media-item-buttons a.btn");
if (title && button) {
const buttonLink = button.getAttribute("href");
if (buttonLink) {
const link = document.createElement("a");
link.setAttribute("href", buttonLink);
title.parentNode.insertBefore(link, title);
link.appendChild(title);
}
}
}
});
</script>
<!-- add links to collection titles end -->
<!-- START OPEN EXTERNAL HEADER NAV LINKS IN NEW TAB -->
<script>
document.addEventListener("DOMContentLoaded", function () {
const headerNavLinks = document.querySelectorAll(".site-header .nav-wrapper a");
for (let headerNavLink of headerNavLinks) {
if (headerNavLink.href && headerNavLink.hostname !== window.location.hostname) {
headerNavLink.setAttribute("target", "_blank");
headerNavLink.setAttribute("rel", "noreferrer noopener");
}
}
});
</script>
<!-- END OPEN EXTERNAL HEADER NAV LINKS IN NEW TAB --><script></script><script async="async" src="//shop.arianagrande.com/cdn/shop/t/140/assets/url-params.bundle.js?v=51352056378978385121780353089"></script><script async="async" src="//shop.arianagrande.com/cdn/shop/t/140/assets/dotdigital-site-tracking.bundle.js?v=56115862656055679041780353089"></script><script>
window.customerEmail = ''
window.customerAcceptsMarketing = ''
window.dotDigitalCartInsights = {
programId: '46386',
currency: 'USD',
subtotal: '0.00',
discountAmount: '0.00',
grandTotal: '0.00',
cartUrl: 'https://shop.arianagrande.com',
lineItems: '[]'
}
</script><script async="async" src="//shop.arianagrande.com/cdn/shop/t/140/assets/dotdigital-cart-insight.bundle.js?v=73368649038972163841780353089"></script>
<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 134
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
На странице присутствуют внутренние ссылки с пустым анкором: 13!
Внутренних ссылок на странице 134 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 62.
Показать первые 100 внутренних ссылок
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /collections/vinyl-collection |
vinyl
|
|
Анализировать url |
| /collections/cd |
cd
|
|
Анализировать url |
| /collections/cassette |
cassette
|
|
Анализировать url |
| /collections/digital-downloads |
digital downloads
|
|
|
| /collections/music |
all music
|
|
Анализировать url |
| /collections/tees-tanks |
tees + tanks
|
|
Анализировать url |
| /collections/hoodies-crewnecks |
hoodies + crews
|
|
Анализировать url |
| /collections/accessories |
accessories
|
|
Анализировать url |
| /collections/last-chance |
last chance
|
|
Анализировать url |
| /collections/merch |
shop all
|
|
Анализировать url |
| /collections/petal |
petal
|
|
Анализировать url |
| /collections/eternal-sunshine |
eternal sunshine
|
|
Анализировать url |
| /collections/brighter-days-ahead |
brighter days ahead
|
|
Анализировать url |
| /collections/positions |
positions
|
|
Анализировать url |
| /collections/thank-u-next |
thank u, next
|
|
Анализировать url |
| /collections/dangerous-woman |
dangerous woman
|
|
Анализировать url |
| /collections/sweetener |
sweetener
|
|
Анализировать url |
| /collections/my-everything |
my everything
|
|
Анализировать url |
| /collections/yours-truly |
yours truly
|
|
Анализировать url |
| /pages/tour-hub |
tour hub
|
|
Анализировать url |
| /pages/tour |
tour dates
|
|
Анализировать url |
| /cart |
<div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="-64 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
<path d="M128 128V96C128 42.98 170.1 0 224 0C277 0 320 42.98 320 96V128H400C426.5 128 448 149.5 448 176V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V176C0 149.5 21.49 128 48 128H128zM160 128H288V96C288 60.65 259.3 32 224 32C188.7 32 160 60.65 160 96V128zM48 160C39.16 160 32 167.2 32 176V416C32 451.3 60.65 480 96 480H352C387.3 480 416 451.3 416 416V176C416 167.2 408.8 160 400 160H320V240C320 248.8 312.8 256 304 256C295.2 256 288 248.8 288 240V160H160V240C160 248.8 152.8 256 144 256C135.2 256 128 248.8 128 240V160H48z"></path>
</svg>
</div>
<span class="sr-only">Cart</span>
<div id="header-cart-count" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
|
|
Анализировать url |
| /cart |
<div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="-64 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
<path d="M128 128V96C128 42.98 170.1 0 224 0C277 0 320 42.98 320 96V128H400C426.5 128 448 149.5 448 176V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V176C0 149.5 21.49 128 48 128H128zM160 128H288V96C288 60.65 259.3 32 224 32C188.7 32 160 60.65 160 96V128zM48 160C39.16 160 32 167.2 32 176V416C32 451.3 60.65 480 96 480H352C387.3 480 416 451.3 416 416V176C416 167.2 408.8 160 400 160H320V240C320 248.8 312.8 256 304 256C295.2 256 288 248.8 288 240V160H160V240C160 248.8 152.8 256 144 256C135.2 256 128 248.8 128 240V160H48z"></path>
</svg>
</div>
<span class="sr-only">Cart</span>
<div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-secondary c-text-secondary-on empty:hidden"></div>
|
|
Анализировать url |
| /collections/vinyl-collection |
vinyl
|
|
Анализировать url |
| /collections/cd |
cd
|
|
Анализировать url |
| /collections/cassette |
cassette
|
|
Анализировать url |
| /collections/digital-downloads |
digital downloads
|
|
|
| /collections/music |
all music
|
|
Анализировать url |
| /collections/tees-tanks |
tees + tanks
|
|
Анализировать url |
| /collections/hoodies-crewnecks |
hoodies + crews
|
|
Анализировать url |
| /collections/accessories |
accessories
|
|
Анализировать url |
| /collections/last-chance |
last chance
|
|
Анализировать url |
| /collections/merch |
shop all
|
|
Анализировать url |
| /collections/petal |
petal
|
|
Анализировать url |
| /collections/eternal-sunshine |
eternal sunshine
|
|
Анализировать url |
| /collections/brighter-days-ahead |
brighter days ahead
|
|
Анализировать url |
| /collections/positions |
positions
|
|
Анализировать url |
| /collections/thank-u-next |
thank u, next
|
|
Анализировать url |
| /collections/dangerous-woman |
dangerous woman
|
|
Анализировать url |
| /collections/sweetener |
sweetener
|
|
Анализировать url |
| /collections/my-everything |
my everything
|
|
Анализировать url |
| /collections/yours-truly |
yours truly
|
|
Анализировать url |
| /pages/tour-hub |
tour hub
|
|
Анализировать url |
| /pages/tour |
tour dates
|
|
Анализировать url |
| /collections/petal |
Пустой анкор
|
|
Анализировать url |
| /products/petal-opal-girly-lp-store-exclusive-lenticular-cover |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal opal girly lp (store exclusive lenticular cover) </p> </div>
|
|
Анализировать url |
| /products/petal-exclusive-picture-disc |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal exclusive picture disc </p> </div>
|
|
Анализировать url |
| /products/petal-cloudy-gray-girl-lp-store-exclusive |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal cloudy gray girl lp (store exclusive) </p> </div>
|
|
Анализировать url |
| /products/petal-translucent-pearly-white-lp |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal translucent pearly white lp </p> </div>
|
|
Анализировать url |
| /products/petal-exclusive-tour-edition-zine-cd |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal exclusive tour edition zine cd </p> </div>
|
|
Анализировать url |
| /products/petal-cd-store-exclusive-lenticular-cover |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal CD (store exclusive lenticular cover) </p> </div>
|
|
Анализировать url |
| /products/petal-exclusive-recycled-black-cassette |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal exclusive recycled black cassette </p> </div>
|
|
Анализировать url |
| /collections/petal-music |
shop all
|
|
Анализировать url |
| /products/petal-chainsaw-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal chainsaw t-shirt </p> </div>
|
|
Анализировать url |
| /products/petal-core-t-shirt-white |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal core t-shirt (white) </p> </div>
|
|
Анализировать url |
| /products/petal-core-t-shirt-black |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal core t-shirt (black) </p> </div>
|
|
Анализировать url |
| /products/petal-live-laugh-love-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal live laugh love t-shirt </p> </div>
|
|
Анализировать url |
| /products/petal-blurred-flowers-longsleeve |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal blurred flowers longsleeve </p> </div>
|
|
Анализировать url |
| /products/petal-script-longsleeve |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal script longsleeve </p> </div>
|
|
Анализировать url |
| /products/petal-script-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal script t-shirt </p> </div>
|
|
Анализировать url |
| /products/petal-in-the-pavement-t-shirt-white |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal in the pavement t-shirt (white) </p> </div>
|
|
Анализировать url |
| /products/petal-ghostly-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal ghostly t-shirt </p> </div>
|
|
Анализировать url |
| /products/petal-ripped-photo-baby-tee |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> petal ripped photo baby tee </p> </div>
|
|
Анализировать url |
| /collections/petal-merch |
shop all
|
|
Анализировать url |
| /products/brighter-days-logo-zip-hoodie |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Brighter Days Logo Zip Hoodie </p> </div>
|
|
Анализировать url |
| /products/the-brighter-days-ahead-foundation-vintage-black-hoodie |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> The Brighter Days Ahead Foundation Vintage Black Hoodie </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-teddy-bear-crewneck |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Teddy Bear Crewneck </p> </div>
|
|
Анализировать url |
| /products/brighter-days-logo-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Brighter Days Logo T-Shirt </p> </div>
|
|
Анализировать url |
| /products/the-boy-is-mine-cat-beanie |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> the boy is mine cat beanie </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-red-gloves |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Red Gloves </p> </div>
|
|
Анализировать url |
| /products/brighter-days-logo-tote-bag |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Brighter Days Logo Tote Bag </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-tour-baby-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Tour Baby T-Shirt </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-tour-lighter |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Tour Lighter </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-tour-keychain |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Tour Keychain </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-teddy-bear-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Teddy Bear T-Shirt </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-lenticular-keychain |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Eternal Sunshine Lenticular Keychain </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-tenth-anniversary-edition-2lp-2016-art-store-exclusive |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Dangerous Woman Tenth Anniversary Edition 2LP (2016 Art - Store Exclusive) </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-tenth-anniversary-edition-2lp-2026-art-store-exclusive |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art - Store Exclusive) </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-10-hoodie |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 hoodie </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-10-crewneck |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 crewneck </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-10-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 t-shirt </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-10-hat-black |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 hat (black) </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-10-hat-white |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 hat (white) </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-10-keychain |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 keychain </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-10-logo-t-shirt |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> dangerous woman 10 logo t-shirt </p> </div>
|
|
Анализировать url |
| /products/dangerous-woman-tenth-anniversary-edition-2lp-2026-art |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_sm"> Dangerous Woman Tenth Anniversary Edition 2LP (2026 Art) </p> </div>
|
|
Анализировать url |
| /collections/dangerous-woman-10 |
shop all
|
|
Анализировать url |
| /collections/vinyl-collection |
Пустой анкор
|
|
Анализировать url |
| /collections/petal |
Пустой анкор
|
|
Анализировать url |
| /collections/music |
Пустой анкор
|
|
Анализировать url |
| /collections/merch |
Пустой анкор
|
|
Анализировать url |
| /products/eternal-sunshine-deluxe-brighter-days-ahead-2lp |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Eternal Sunshine Deluxe: Brighter Days Ahead 2LP </p> </div>
|
|
Анализировать url |
| /products/eternal-sunshine-deluxe-brighter-days-ahead-cd |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Eternal Sunshine Deluxe: Brighter Days Ahead CD </p> </div>
|
|
Анализировать url |
| /products/brighter-days-storefront-hat |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Brighter Days Storefront Hat </p> </div>
|
|
Анализировать url |
| /products/supernatural-7 |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Supernatural 7" </p> </div>
|
|
Анализировать url |
| /products/hampstead-7 |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Hampstead 7" </p> </div>
|
|
Анализировать url |
| /products/dandelion-7 |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> Dandelion 7" </p> </div>
|
|
Анализировать url |
| /products/twilight-zone-7 |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> twilight zone 7" </p> </div>
|
|
Анализировать url |
| /products/twilight-zone-cd-single |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> twilight zone CD single </p> </div>
|
|
Анализировать url |
| /products/twilight-zone-cassette |
<div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-gray-900"> <p class="text_body_sm"> twilight zone cassette </p> </div>
|
|
Анализировать url |
Внешние ссылки
Кол-во: 42
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 42 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| rembeauty.com |
r.e.m. beauty
|
Анализировать url |
| brighterdaysaheadfoundation.org |
The Brighter Days Ahead Foundation
|
Анализировать url |
| arianagrandefragrances.com |
Fragrances
|
Анализировать url |
| account.shop.arianagrande.com |
Login
|
Анализировать url |
| account.shop.arianagrande.com |
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"></path>
</svg>
<span class="sr-only">Account</span>
</div>
|
Анализировать url |
| account.shop.arianagrande.com |
<div class="icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
<path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"></path>
</svg>
<span class="sr-only">Account</span>
</div>
|
Анализировать url |
| rembeauty.com |
r.e.m. beauty
|
Анализировать url |
| brighterdaysaheadfoundation.org |
The Brighter Days Ahead Foundation
|
Анализировать url |
| arianagrandefragrances.com |
Fragrances
|
Анализировать url |
| shopau.arianagrande.com |
Take me there
|
Анализировать url |
| musicstation.be |
Take me there
|
Анализировать url |
| umusicstore.com |
Take me there
|
Анализировать url |
| shopca.arianagrande.com |
Take me there
|
Анализировать url |
| universalmusicstore.com.co |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| shopfr.arianagrande.com |
Take me there
|
Анализировать url |
| shopde.arianagrande.com |
Take me there
|
Анализировать url |
| hkushop.com |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| umusicstore.co.id |
Take me there
|
Анализировать url |
| shop.universalmusic.it |
Take me there
|
Анализировать url |
| store.universal-music.co.jp |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| umusic.my |
Take me there
|
Анализировать url |
| udiscover.mx |
Take me there
|
Анализировать url |
| platenzaak.nl |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| muzyka.sklep.pl |
Take me there
|
Анализировать url |
| umusic.sg |
Take me there
|
Анализировать url |
| universalmusiconline.es |
Take me there
|
Анализировать url |
| umgshop.com |
Take me there
|
Анализировать url |
| umusic.co.th |
Take me there
|
Анализировать url |
| shopuk.arianagrande.com |
Take me there
|
Анализировать url |
| facebook.com |
<div class="social-icons__wrapper">
<svg width="48" height="48" viewbox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z"></path></svg>
</div>
|
|
| instagram.com |
<div class="social-icons__wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="umg-icon"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
</div>
|
|
| youtube.com |
<div class="social-icons__wrapper">
<svg width="48" height="48" viewbox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M47.5219 14.4001C47.5219 14.4001 47.0531 11.0907 45.6094 9.6376C43.7812 7.7251 41.7375 7.71572 40.8 7.60322C34.0875 7.11572 24.0094 7.11572 24.0094 7.11572H23.9906C23.9906 7.11572 13.9125 7.11572 7.2 7.60322C6.2625 7.71572 4.21875 7.7251 2.39062 9.6376C0.946875 11.0907 0.4875 14.4001 0.4875 14.4001C0.4875 14.4001 0 18.2907 0 22.172V25.8095C0 29.6907 0.478125 33.5813 0.478125 33.5813C0.478125 33.5813 0.946875 36.8907 2.38125 38.3438C4.20937 40.2563 6.60938 40.1907 7.67813 40.397C11.5219 40.7626 24 40.8751 24 40.8751C24 40.8751 34.0875 40.8563 40.8 40.3782C41.7375 40.2657 43.7812 40.2563 45.6094 38.3438C47.0531 36.8907 47.5219 33.5813 47.5219 33.5813C47.5219 33.5813 48 29.7001 48 25.8095V22.172C48 18.2907 47.5219 14.4001 47.5219 14.4001ZM19.0406 30.2251V16.7345L32.0062 23.5032L19.0406 30.2251Z"></path></svg>
</div>
|
Анализировать url |
| itunes.apple.com |
<div class="social-icons__wrapper">
<svg width="48" height="48" viewbox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M43.5839 37.4071C42.858 39.0841 41.9988 40.6277 41.0033 42.0469C39.6463 43.9817 38.5352 45.3209 37.6789 46.0646C36.3516 47.2853 34.9294 47.9105 33.4065 47.946C32.3132 47.946 30.9947 47.6349 29.4599 47.0038C27.9201 46.3757 26.5051 46.0646 25.2112 46.0646C23.8542 46.0646 22.3988 46.3757 20.8421 47.0038C19.2831 47.6349 18.0271 47.9638 17.0668 47.9964C15.6064 48.0586 14.1508 47.4157 12.6978 46.0646C11.7704 45.2557 10.6105 43.8691 9.22087 41.9047C7.72995 39.807 6.50422 37.3745 5.54395 34.6012C4.51554 31.6058 4 28.7051 4 25.8969C4 22.6801 4.69509 19.9057 6.08734 17.5807C7.18153 15.7132 8.63718 14.2401 10.4591 13.1586C12.2809 12.0772 14.2495 11.5261 16.3694 11.4908C17.5293 11.4908 19.0505 11.8496 20.9408 12.5548C22.8258 13.2623 24.0361 13.6211 24.5667 13.6211C24.9635 13.6211 26.308 13.2016 28.5874 12.3652C30.7428 11.5895 32.562 11.2683 34.0524 11.3948C38.0908 11.7207 41.1247 13.3127 43.1425 16.1807C39.5307 18.3691 37.7441 21.4342 37.7797 25.3662C37.8123 28.429 38.9233 30.9776 41.107 33.0013C42.0966 33.9405 43.2017 34.6664 44.4313 35.182C44.1646 35.9553 43.8832 36.696 43.5839 37.4071V37.4071ZM34.322 0.960762C34.322 3.36131 33.445 5.6027 31.6969 7.6773C29.5873 10.1436 27.0357 11.5687 24.2687 11.3439C24.2334 11.0559 24.213 10.7528 24.213 10.4343C24.213 8.12973 25.2162 5.66343 26.9978 3.6469C27.8872 2.6259 29.0185 1.77694 30.3903 1.09972C31.7591 0.432598 33.0539 0.0636663 34.2716 0.000488281C34.3072 0.321404 34.322 0.64234 34.322 0.960731V0.960762Z"></path></svg>
</div>
|
Анализировать url |
| play.spotify.com |
<div class="social-icons__wrapper">
<svg width="48" height="48" viewbox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M23.9266 0C10.7126 0 0 10.7123 0 23.9263C0 37.1409 10.7126 47.8523 23.9266 47.8523C37.142 47.8523 47.8534 37.1409 47.8534 23.9263C47.8534 10.7131 37.142 0.00114285 23.9263 0.00114285L23.9266 0ZM34.8991 34.5086C34.4706 35.2114 33.5506 35.4343 32.8477 35.0029C27.23 31.5714 20.158 30.7943 11.8294 32.6971C11.0269 32.88 10.2269 32.3771 10.044 31.5743C9.86029 30.7714 10.3611 29.9714 11.1657 29.7886C20.28 27.7054 28.098 28.6029 34.4049 32.4571C35.1077 32.8886 35.3306 33.8057 34.8991 34.5086ZM37.8277 27.9929C37.2877 28.8714 36.1391 29.1486 35.262 28.6086C28.8306 24.6546 19.0269 23.5097 11.4197 25.8189C10.4331 26.1169 9.39114 25.5609 9.09171 24.576C8.79457 23.5894 9.35086 22.5494 10.3357 22.2494C19.0251 19.6129 29.8277 20.89 37.2134 25.4286C38.0906 25.9686 38.3677 27.1169 37.8277 27.9929ZM38.0791 21.2089C30.3677 16.6286 17.6449 16.2074 10.2823 18.442C9.1 18.8006 7.84971 18.1331 7.49143 16.9509C7.13314 15.768 7.8 14.5186 8.98314 14.1591C17.4349 11.5934 31.4849 12.0891 40.3631 17.3597C41.4289 17.9909 41.7774 19.3643 41.146 20.4263C40.5174 21.4897 39.1403 21.8403 38.0803 21.2089H38.0791Z"></path></svg>
</div>
|
Анализировать url |
| tiktok.com |
<div class="social-icons__wrapper">
<svg width="48" height="48" viewbox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M34.1451 0H26.0556V32.6956C26.0556 36.5913 22.9444 39.7913 19.0725 39.7913C15.2007 39.7913 12.0894 36.5913 12.0894 32.6956C12.0894 28.8696 15.1315 25.7391 18.8651 25.6V17.3913C10.6374 17.5304 4 24.2783 4 32.6956C4 41.1827 10.7757 48 19.1417 48C27.5075 48 34.2833 41.1131 34.2833 32.6956V15.9304C37.3255 18.1565 41.059 19.4783 45 19.5479V11.3391C38.9157 11.1304 34.1451 6.12173 34.1451 0Z"></path></svg>
</div>
|
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Анализ сайта 3435vcards.com, слабо оптимизирован на 47%. Для хорошей оптимизации и выхода на первые места в поиске требуется:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: