/** Shopify CDN: Minification failed Line 118:18 Unexpected "<" **/ /* ========================================================= ATAL TYPOGRAPHY SYSTEM \========================================================= */ :root { --atal-font-display: "Zilla Slab", Georgia, serif; --atal-font-sans: "Barlow", Arial, Helvetica, sans-serif; } /* Editorial / Display */ .atal-display, .atal-heading { font-family: var(--atal-font-display); } /* Functional / Modern */ .atal-body, .atal-label, .atal-eyebrow, .atal-nav, .atal-button { font-family: var(--atal-font-sans); } /* */ /* Fonts */ /* @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500&family=Frank+Ruhl+Libre:wght@300..900&display=swap') */ /* @import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap') */ .barlow-regular { font-family: "Barlow", sans-serif; font-weight: 400; font-style: normal; } .barlow-light { font-family: "Barlow", sans-serif; font-weight: 300; font-style: normal; } .barlow-medium { font-family: "Barlow", sans-serif; font-weight: 500; font-style: normal; } .zilla-slab-light { font-family: "Zilla Slab", serif; font-weight: 300; font-style: normal; } .zilla-slab-regular { font-family: "Zilla Slab", serif; font-weight: 400; font-style: normal; } .zilla-slab-medium { font-family: "Zilla Slab", serif; font-weight: 500; font-style: normal; } /* : Use a unique and descriptive class name : Use a value from 300 to 900 */ .frank-ruhl libre- { font-family: "Frank Ruhl Libre", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } /* Font */ /* @font-face { font-family:"Denton Test"; src:url("/cdn/shop/files/Denton_Test_Regular_400.otf?v=1709226940") format("opentype"); font-display:auto; font-weight:400; font-stretch:normal; } @font-face { font-family:"Denton Test Medium"; src:url("/cdn/shop/files/Denton_Test_Medium_500.otf?v=1709226940") format("opentype"); font-display:auto; font-weight:500; font-stretch:normal; } */ h1,h2,h3,h4,h5,h6, .footer-block__heading, .coll_card_name{ /* font-family:"Denton Test"!important; */ /* font-family: "Frank Ruhl Libre", serif!important; font-weight: 400!important; */ font-family: "Zilla Slab", serif!important; font-weight: 300!important; font-style: normal!important; } .product__description p { font-family: inherit !important; font-weight: 300 !important; font-style: normal !important; } a.button, .coll_card_content a, .header__menu-item span, .header__submenu .header__menu-item, .list-menu__item--link, .policies li a, .facets-container *, .facets-vertical-form *, .copyright__content, .copyright__content *, .card-information .price *, .price *, .pagination__item, .product__description, .product-form__input .form__label, .product-popup-modal__button, .product-card-wrapper h3 a, .announcement-bar__message{ font-family: "Barlow", sans-serif!important; font-weight: 300!important; } .announcement-bar__message{ font-size:14px!important; line-height:20px!important; padding:0!important; display: flex; align-items: center; justify-content: center; } /* Headings */ .title, .product__title>*, #insta-feed h2, .related-products__heading{ font-size: 28px!important; line-height: 38px!important; } @media only screen and (max-width: 600px) { .title, .product__title>*, #insta-feed h2, .related-products__heading{ font-size: 26px!important; line-height: 34px!important; } } .banner__heading{ font-size: 39px!important; line-height: 49px!important; } /* */ .caption-with-letter-spacing { text-transform: capitalize!important; font-size: 14px!important; line-height: 21px!important; } .shopify-policy__container { max-width: 70vw; margin-top: 50px; margin-bottom: 100px; } /* */ .img-fluid{ max-width:100%; height:auto; } /* Paddings */ .py-80{ padding:80px 0; } /* Margins */ .m-0{ margin:0; } /* Image Banner */ h2.banner__heading { line-height: 100%; } .banner__text.body p { color: white; } @media all and (min-width:1200px){ .banner__box { max-width:100rem!important; } } /* Testimonail */ section.testimonial_sec { background: #F9F9F9; padding: 80px 0 140px; } section.testimonial_sec h2 { margin: 0; } section.testimonial_sec h2 + p { margin: 16px 0 0; } .testimonials_wrap { margin-top: 80px; } .testimonial_slide .description p { margin: 0; color: #1E1E1E; font-weight: 300; } .testimonial_slide .image_with_details { display: flex; align-items: center; justify-content: flex-start; gap: 12px; border-top: 1px solid #D4D4D4; padding-top: 12px; margin-top: 12px; } .testimonial_slide .image_with_details .name { /* font-family: Denton Test Medium!important; */ font-family: "Frank Ruhl Libre", serif; font-size: 18px; line-height: 27px; font-weight: 500; } /* Slick Icons */ .slick-next:before { content: ""!important; background-image: url(https://cdn.shopify.com/s/files/1/0721/4009/files/SVG.svg?v=1699425201); width: 40px; height: 20px; display: block; background-size: contain; } .slick-prev, .slick-next { width: 40px!important; height: 20px!important; } .slick-prev:before { content: ""!important; background-image: url(https://cdn.shopify.com/s/files/1/0721/4009/files/SVG.svg?v=1699425201); width: 40px; height: 20px; display: block; background-size: contain; transform: rotate(180deg); margin-top: -5px; } .slick-slide { margin: 0 20px; } .slick-list { margin: 0 -20px; } .slick-prev { bottom: -90px!important; left: 45%!important; top: auto!important; } .slick-next { top: auto!important; bottom: -90px!important; right: 45%!important; } /* Collapsable Content */ .collapse_custom h2 { margin-bottom: 8px; } .collapse_custom .collapsible-content__header { margin: 0 0 28px; } .counter_no { display: inline-flex; background: #F4F4F4; width: 47px; height: 47px; align-items: center; justify-content: center; border-radius: 50px; margin-right: 10px; } .collapsible-content summary:hover .accordion__title { text-decoration: none!important; } .accordion__title { font-family: "Barlow", sans-serif!important; font-size: 28px!important; letter-spacing: -0.6px!important; line-height: 34px!important; } .accordion summary { padding: 10px 0!important; } .accordion__title { font-size: 16px!important; line-height: 24px!important; } .product__accordion .accordion__content { padding: 0!important; } .product__accordion .accordion__content p { font-size: 14px!important; line-height: 20px!important; } .collapsible-content summary:hover { background: transparent!important; } /* Featured Collection */ .collection_wrap_head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px!important; } .collection_wrap_head .collection__title { margin: 0!important; } .collection_wrap_head .collection__view-all a svg { max-width: 24px; } .collection_wrap_head .collection__view-all a { display: flex; align-items: center; gap: 12px; text-decoration: none; font-size: 16px; letter-spacing: 0!important; transition: 0.5s ease; } .collection_wrap_head .collection__view-all a:hover { gap: 6px; } /* Product Cards */ .product-card-wrapper h3 a { font-size: 12px !important; text-transform: uppercase; letter-spacing: 1px !important; } @media screen and (max-width: 749px) { .product-card-wrapper h3 a { font-size: 10px !important; letter-spacing: 0.5px !important; line-height: 1.95 !important; display: block; } } .price *, .product-card-wrapper .price .price__regular span, .product-card-wrapper .price .price__sale .price-item--sale { font-size: 15px!important; color: #1E1E1E; } .product-card-wrapper .price { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; } .product-card-wrapper .price .price__sale .price-item--regular { font-size: 16px!important; color: #B7B7B7!important; } .product__description p { font-size: 16px!important; line-height: 22px!important; } /* Tage Menu */ ul.blog_tags_link { list-style: none; padding: 0 0 60px; margin: 0; display: flex; align-items: center; justify-content: center; } ul.blog_tags_link li a { text-decoration: none; color: #111111; font-size: 16px; line-height: 24px; padding: 8px 16px; display: inline-block; border-bottom: 2px solid transparent; } ul.blog_tags_link li a:hover { border-bottom: 2px solid black; } /* Article Cards */ @media all and (min-width:1200px){ .blog-articles { grid-template-columns: repeat(3,1fr)!important; gap: 64px 32px!important; } } ul.article_tags_link { margin: 0 0 16px; list-style: none; display: flex; gap: 10px; padding: 0; } ul.article_tags_link.article_tags_link_on_blog span { font-size: 14px; line-height: 20px; margin-right: 10px; } ul.article_tags_link a { text-decoration: none; color: #111111; font-size: 14px; line-height: 20px; background: #F3F3F3; padding: 4px 8px; z-index: 2; position: relative; transition:0.5s ease; } ul.article_tags_link a:hover{ text-decoration:none; background:#111111; color:white; } .main-blog h1 { margin: 0!important; } .main-blog-wrapper { background: #FBFBFB; } .article-card .article-card__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 16px!important; line-height: 20px!important; margin-bottom: 0!important; } .article-card .card__heading a { font-family: 'Work Sans'; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .article-card .card__content { padding: 0; } .article-card .card__information { padding: 24px; } .article-card a.full-unstyled-link.article_read_more { font-size: 16px!important; display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin: 60px 0 0; } .article-template__social-sharing { margin-top: 0!important; } .article-template__content p { font-size: 16px!important; line-height: 24px!important; } .article-template__back:last-child { margin-bottom: 80px!important; } /* Contact Form */ .contact_form_wrapper .contact__button { margin-top: 24px!important; } .contact_form_wrapper h2.title { margin-bottom: 16px; } .contact_form_wrapper .rte { margin-bottom: 48px; } .contact_form_wrapper form#ContactForm { display: flex; flex-direction: column; } .contact_form_wrapper .contact__fields { grid-template-columns: 1fr!important; } .form_and_blocks { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: flex-start; } .address_wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: flex-start; justify-content: flex-start; } .address_block img { width: 32px; height: 32px; object-fit: contain; } .address_block .description p { margin: 0; font-size: 16px!important; line-height: 24px!important; color: #000000; } /* Product Pagination */ a.pagination__item.pagination__item--current, a.pagination__item:hover { background: black; color: white; text-decoration: none; border: none; opacity: 1; } a.pagination__item.pagination__item--current::after, a.pagination__item:hover::after { content: ""; display: none; } /* Prdct Multi Col */ .prdct_multi_col .multicolumn-card__info { padding: 16px 0 0!important; border-top: 1px solid #CBCBCB; } .prdct_multi_col .multicolumn-card__info p { font-size: 16px!important; line-height: 24px!important; } .prdct_multi_col .multicolumn-list li { width: 30%; max-width: 30%; } .prdct_multi_col .multicolumn-list { justify-content: space-between; } /* COllection Custom */ section.collection_blocks { padding: 80px 0; } section.collection_blocks h2 { margin: 0 0 12px; } section.collection_blocks .collection__description { margin: 0; } section.collection_blocks .colect_card_wrap { margin-top: 0; } .colect_card_wrap { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 60px; justify-content:space-between; } .colect_card_wrap .coll_card_main:nth-child(1), .colect_card_wrap .coll_card_main:nth-child(2) { width: 49%; } @media all and (min-width:1200px){ .colect_card_wrap .coll_card_main:nth-child(1) img, .colect_card_wrap .coll_card_main:nth-child(2) img{ height:575px; } } .coll_card_image:hover img { transform: scale(1.05); } .coll_card_image { overflow: hidden; } .colect_card_wrap .coll_card_main img { transition: 0.5s ease; } .colect_card_wrap .coll_card_main { width: 32%; position: relative; } .colect_card_wrap .coll_card_main img { width: 100%; display: block; object-fit: contain; } .coll_card_name { font-size: 20px; line-height: 18px; color: white; } .coll_card_content { position: absolute; bottom: 0; padding: 48px; width: 100%; } .coll_card_content a.button-primary-2 { background: #FFFFFF!important; text-decoration: none; color: black; padding: 12px 24px; display: inline-block; font-size: 16px; line-height: 22px; margin: 16px 0 0; transition: 0.5s ease; } .coll_card_content a.button-primary-2:hover { transform: translateY(-6px); } /* Footer */ .footer__copyright { width: 100%; display: flex; align-items: center; justify-content: space-between; } .policies { display: flex!important; align-items: center!important; gap: 24px; } .policies li:before { display: none; } .policies li a { font-size: 14px; line-height: 21px; text-decoration: underline; } .copyright__content { font-size: 14px!important; line-height: 21px!important; } /* About Page */ .about_para_one .multicolumn-card__image-wrapper { margin: 0!important; } @media all and (min-width:1200px){ .about_para_one .grid { justify-content: space-between; } .about_para_one .grid li { width: 32%; max-width: 32%; } } .about_para_two .rich-text__blocks { max-width: 100rem!important; } /* About Contact Sec */ .data_wrapper { display: grid; grid-template-columns: 40% 60%; gap: 30px; } .data_wrapper .content_wrapper h2 { margin: 0 0 16px; } .data_wrapper .content_wrapper .collection__description { margin: 0 0 80px; } /* .data_wrapper .content_wrapper .address_block:last-child { grid-column: 1/-1; } */ .data_wrapper .image_wrapper img { max-width: 100%; height: auto; display: block; } .data_wrapper .content_wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .data_wrapper .content_wrapper .address_wrapper { gap: 90px 40px; } /* ABout Bio wrapper */ .about_bio h2 { margin: 0; /* max-width: 752px; */ } .bio_wrapper { display: grid; grid-template-columns: repeat(2,1fr); gap: 60px; padding-top: 80px; align-items: center; } .bio_wrapper .main_img { display: block; height: 100%; } .bio_wrapper .main_img img { display: block; height: 100%; object-fit: cover; } .bio_wrapper .bio_block:last-child { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; } .bio_wrapper .collection__description p { max-width: 100%; } .bio_wrapper a.button.button--primary { color: white!important; } .product__description { line-height: 20px!important; font-size: 14px!important; } button.klaviyo_form_trigger { margin: 0!important; background: none; box-shadow: none; outline: none; border: none; font-size: 14px; line-height: 20px; font-family: 'Work Sans'; letter-spacing: 0; padding: 0; text-decoration: underline; cursor:pointer; } /* Footer */ .footer-block__heading { font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; } .footer-block__details-content .list-menu__item--link { padding: 0; text-transform: uppercase; } @media all and (min-width:1200px){ .footer { display: flex!important; flex-wrap: wrap!important; } .footer > div { width: 100%!important; } .footer__content-top { display: flex!important; align-items: flex-start!important; justify-content: space-between!important; } .footer__content-top > div { width: 45%!important; } .footer-block--newsletter { margin-top: 0!important; } } /* Lookout */ .lookout_blocks .page-width { padding: 0; max-width: 100%; } .lookout_card_wrap { display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; } .lookout_card_image img { display: block; width: 100%; height:495px; object-fit:cover; } .lookout_card_content { text-align: center; } /* Prrdct Crsl */ @media (min-width: 1024px) { .product--thumbnail_slider { position: relative; } .product--thumbnail_slider media-gallery { display: flex; flex-direction: row-reverse; } .product--thumbnail_slider .slider-mobile-gutter:not(.thumbnail-slider) { width: calc(100% - 100px); } .product--thumbnail_slider .thumbnail-slider { width: 100px; padding-right: 10px; } .product--thumbnail_slider .slider-button { display: none !important; } .product--thumbnail_slider .thumbnail-slider .thumbnail-list.slider--tablet-up { padding: 0; display: block; } .product--thumbnail_slider .thumbnail-slider .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide { width: 100%; margin:10px 0; } } /* Video SLider */ .video_slider h2 { margin: 0 0 40px; } .collection h2.title { margin: 0; } .accordion__content p { font-size: 14px!important; line-height: 20px!important; } /* Variant Colors */ label.color_twilightcream { background: linear-gradient(0deg, #000000 50%, #E9DED9 50%)!important; } label.color_wineblush { background: linear-gradient(0deg, #331B34 50%, #D3BBB8 50%)!important; } label.color_cream{ background: #DDD6C1!important; } label.color_black { background: #000000!important; } label.color_deeppurple { background: #4D4763!important; } label.color_navybluecamel { background: linear-gradient(0deg, #1D213F 50%, #A99066 50%)!important; } label.color_skyblue{ background: #95abd4!important; } label.color_twotoneindigo { background: linear-gradient(0deg, #95ABD4 50%, #344374 50%)!important; } label.color_steelblue{ background: #3B526E!important; } label.color_skyombre{ background: linear-gradient(0deg, #2C417C 25%, #7092CB 50% , #B9C7E6 75% , #D1D8E7 100%)!important } label.color_white{ background:white!important; } label.color_firesidesunset{ background: linear-gradient(0deg, #6C0C18 50%, #E7A98E 50%)!important; } label.color_kaleidoscopicviolet{ background: linear-gradient(0deg, #472C51 25%, #A36EAF 50% , #52336B 75% , #D8BEDB 100%)!important } label.color_violetombre{ background: linear-gradient(0deg, #331B41 25%, #6A3E80 50% , #975CA3 75% , #E0C1DC 100%)!important } label.color_spaceblue{ background:#283143!important; } label.color_spacebluecream{ background: linear-gradient(0deg, #283143 50%, #DDD6C1 50%)!important; } label.color_peachfuzz{ background:#E7A98E!important; } label.color_camel{ background:#A99066!important; } label.color_winecream{ background: linear-gradient(0deg, #241326 50%, #DDD6C1 50%)!important; } .variant-Color { width: 40px; height: 40px; } .product-form__input--pill input[type=radio]:checked+label.variant-Color { border: 2px solid black; } /* Size Guid Form */ .product-popup-modal__content-info .h2 { display: none; } .size_guide_block { display: grid; grid-template-columns: 2fr 1.5fr; align-items: flex-start; } .product-popup-modal__content-info { padding-right: 0!important; } a.custom_req { color: #121212; font-weight: 300!important; font-size: 1.6rem; padding-right: 1.3rem; padding-left: 0; text-underline-offset: .3rem; text-decoration-thickness: .1rem; transition: text-decoration-thickness var(--duration-short) ease; font-family: "Barlow", sans-serif!important; } .product .price .badge { min-height: auto; font-size: 10px!important; } /* Mobile product description */ @media screen and (max-width: 749px) { .product__description p { font-size: 13px !important; line-height: 1.5 !important; } } /* ========================================================= ATAL — SHOP BY CATEGORY TYPOGRAPHY \========================================================= */ .atal-category__eyebrow { font-family: var(--atal-font-sans) !important; } .atal-category__heading { font-family: var(--atal-font-display) !important; } .atal-category__description { font-family: var(--atal-font-sans) !important; } /* ========================================================= /* ========================================================= ATAL — AG / AIR REVIEWS CLEAN CONSOLIDATED SYSTEM — CORRECT DOM TARGETS \========================================================= */ #AirReviews-BlockWrapper { --atal-review-ink: #211d1a; --atal-review-burgundy: #7c2438; --atal-review-ivory: #f5f0e6; --atal-review-card: #f7f1e6; --atal-review-line: rgba(33,29,26,.14); --atal-review-muted: rgba(33,29,26,.58); background: var(--atal-review-ivory) !important; color: var(--atal-review-ink) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; } #AirReviews-BlockWrapper .AirReviews-Widget__V2, #AirReviews-BlockWrapper .AirReviews-PreviewWrapper__Mobile, #AirReviews-BlockWrapper .AirReviews-Blocks, #AirReviews-BlockWrapper .AirReviews-Blocks__Summary, #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner { background: var(--atal-review-ivory) !important; box-shadow: none !important; } /* App heading becomes the Atal chapter eyebrow + editorial headline */ #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title { display: block !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::before, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::before { content: "05 · THE REVIEWS" !important; display: block !important; color: var(--atal-review-burgundy) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; white-space: nowrap !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { content: "WORN. LOVED.\A REPEATED." !important; display: block !important; color: var(--atal-review-ink) !important; font-family: var(--atal-font-display, "Zilla Slab", Georgia, serif) !important; font-style: normal !important; font-weight: 300 !important; letter-spacing: -.035em !important; text-transform: uppercase !important; white-space: pre !important; } /* Real AG structure: SummaryInner > Title + SummaryWrapper SummaryWrapper > Rate + distribution + review action */ #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { position: relative !important; box-shadow: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { content: "Real pieces. Real women. Their Atal stories." !important; display: block !important; color: var(--atal-review-burgundy) !important; font-family: var(--atal-font-display, "Zilla Slab", Georgia, serif) !important; font-style: italic !important; font-weight: 300 !important; line-height: 1.3 !important; } /* Typography cleanup */ #AirReviews-BlockWrapper [class*="CustomerName"], #AirReviews-BlockWrapper [class*="customerName"], #AirReviews-BlockWrapper [class*="ReviewerName"], #AirReviews-BlockWrapper [class*="reviewerName"] { color: var(--atal-review-ink) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-weight: 600 !important; } #AirReviews-BlockWrapper [class*="ReviewContent"], #AirReviews-BlockWrapper [class*="reviewContent"], #AirReviews-BlockWrapper [class*="ReviewText"], #AirReviews-BlockWrapper [class*="reviewText"], #AirReviews-BlockWrapper [class*="Comment"], #AirReviews-BlockWrapper [class*="comment"] { color: var(--atal-review-ink) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; } #AirReviews-BlockWrapper [class*="Date"], #AirReviews-BlockWrapper [class*="date"] { color: var(--atal-review-muted) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; } /* MOBILE */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper { width: calc(100% + 32px) !important; max-width: none !important; margin-left: -16px !important; margin-right: -16px !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Widget__V2, #AirReviews-BlockWrapper .AirReviews-PreviewWrapper__Mobile, #AirReviews-BlockWrapper .AirReviews-Blocks { width: 100% !important; max-width: 100% !important; } #AirReviews-BlockWrapper .AirReviews-Blocks { padding-top: 28px !important; padding-bottom: 28px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title { padding: 0 16px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::before, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::before { font-size: 9px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { margin-top: 18px !important; font-size: 34px !important; line-height: .94 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { display: block !important; margin: 0 !important; padding: 0 16px !important; background: transparent !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { margin: 8px 0 16px !important; padding-bottom: 16px !important; border-bottom: 1px solid var(--atal-review-line) !important; font-size: 15px !important; } /* LIVE compact rating row: 4.8 + stars + review count */ #AirReviews-BlockWrapper .AirReviews-Blocks--Rate { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 4px 6px !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 0 11px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--atal-review-line) !important; box-shadow: none !important; color: var(--atal-review-burgundy) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate > * { width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--RateCount { color: var(--atal-review-burgundy) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate [role="img"] { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 !important; color: var(--atal-review-burgundy) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate [role="img"] svg { width: 14px !important; height: 14px !important; } /* Hide only the 5→1 distribution */ #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:nth-of-type(2) { display: none !important; } /* Keep the real app review action clickable, but visually simplify it */ #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { position: relative !important; display: block !important; min-height: 40px !important; height: 40px !important; margin: 8px 0 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(33,29,26,.10) !important; border-radius: 0 !important; box-shadow: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type > * { opacity: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type::after { content: "WRITE A REVIEW ↗" !important; position: absolute !important; top: 50% !important; left: 0 !important; transform: translateY(-50%) !important; color: var(--atal-review-burgundy) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: .12em !important; text-transform: uppercase !important; white-space: nowrap !important; pointer-events: none !important; } /* Customer review carousel */ #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { margin-top: 16px !important; padding-top: 0 !important; border-top: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Card--default { border-radius: 0 !important; box-shadow: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel .AirReviews-Card--default, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel .AirReviews-Card--default, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews .AirReviews-Card--default { background: var(--atal-review-card) !important; border: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel img, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel img, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews img { max-height: 390px !important; object-fit: cover !important; border-radius: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel button, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel button, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews button, #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel [role="button"], #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel [role="button"], #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews [role="button"] { background: rgba(247,241,230,.90) !important; border-color: rgba(33,29,26,.12) !important; box-shadow: none !important; } } /* DESKTOP */ @media screen and (min-width: 750px) { #AirReviews-BlockWrapper .AirReviews-Blocks { padding-top: 44px !important; padding-bottom: 44px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title { padding: 0 32px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::before, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::before { font-size: 10px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { margin-top: 20px !important; font-size: 46px !important; line-height: .94 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { margin-top: 0 !important; padding: 0 32px 22px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { margin: 8px 0 24px !important; padding-bottom: 22px !important; border-bottom: 1px solid var(--atal-review-line) !important; font-size: 18px !important; } #AirReviews-BlockWrapper .AirReviews-Card--default { border-radius: 0 !important; box-shadow: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel .AirReviews-Card--default, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel .AirReviews-Card--default, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews .AirReviews-Card--default { background: var(--atal-review-card) !important; border-color: rgba(33,29,26,.10) !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V22 Mobile-only: hide the 5★ → 1★ distribution list \========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper .AirReviews-Blocks--List { display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V23 Mobile spacing refinement only \========================================================= */ @media screen and (max-width: 749px) { /* Compact the live 4.8 / stars / review-count block */ #AirReviews-BlockWrapper .AirReviews-Blocks--Rate { gap: 2px 6px !important; padding-bottom: 7px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate > * { margin-top: 0 !important; margin-bottom: 0 !important; } /* Bring WRITE A REVIEW closer and shorten its row */ #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { min-height: 34px !important; height: 34px !important; margin-top: 4px !important; } /* Reduce the gap before the customer-review carousel */ #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { margin-top: 4px !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V24 Mobile inline rating row refinement only \========================================================= */ @media screen and (max-width: 749px) { /* One compact, left-aligned live rating row: 4.8 ★★★★★ · 4 reviews */ #AirReviews-BlockWrapper .AirReviews-Blocks--Rate { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: 100% !important; padding: 10px 0 !important; text-align: left !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate > * { display: inline-flex !important; align-items: center !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--RateCount { flex: 0 0 auto !important; font-size: 14px !important; line-height: 1 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate [role="img"] { flex: 0 0 auto !important; display: inline-flex !important; gap: 1px !important; margin: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate > *:last-child::before { content: "·"; display: inline-block; margin-right: 6px; color: #98233c; } /* Keep CTA close to the rating row */ #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { margin-top: 2px !important; } /* Pull customer stories up slightly more */ #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { margin-top: 0 !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V25 Mobile carousel gap refinement only \========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { margin-top: -16px !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V26 Restore native WRITE A REVIEW click target on mobile \========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { cursor: pointer !important; } /* Keep the real AG review trigger alive underneath our visual CTA. The native child becomes a transparent full-row click target. */ #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type > * { position: absolute !important; inset: 0 !important; z-index: 5 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: auto !important; cursor: pointer !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type > * * { pointer-events: auto !important; cursor: pointer !important; } /* Visual label stays visible but never blocks the native click target. */ #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type::after { z-index: 4 !important; pointer-events: none !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V30 Reduce top gap WITHOUT overlapping the PDP accordion divider \========================================================= */ @media screen and (max-width: 749px) { /* Keep the native DELIVERY & RETURNS bottom border visible. Do not pull the reviews wrapper upward over it. */ #AirReviews-BlockWrapper { margin-top: 0 !important; } /* Tighten only the internal top spacing of the review section. */ #AirReviews-BlockWrapper .AirReviews-Blocks { padding-top: 14px !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V31 Significantly tighten gap below DELIVERY & RETURNS \========================================================= */ @media screen and (max-width: 749px) { /* AG adds its own top padding on the widget wrapper. Remove that padding rather than pulling the whole section upward. */ #AirReviews-BlockWrapper .AirReviews-Widget__V2, #AirReviews-BlockWrapper .AirReviews-PreviewWrapper__Mobile { padding-top: 0 !important; } /* Keep a small intentional gap between the native divider and 05. */ #AirReviews-BlockWrapper .AirReviews-Blocks { padding-top: 8px !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V36 Mobile review modal — exact DOM, geometry only \========================================================= */ @media screen and (max-width: 749px) { /* Keep the native review widget styling completely untouched. Only constrain the actual modal card to the mobile viewport. */ #AirReviews-Modal .AirReviews-Modal__Wrapper--Open-Modal { width: calc(100vw - 24px) !important; max-width: 390px !important; min-width: 0 !important; max-height: calc(100dvh - 24px) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; overflow-x: hidden !important; overflow-y: auto !important; } #AirReviews-Modal .AirReviews-Modal__Container--mobile, #AirReviews-Modal .AirReviews-Modal__Content, #AirReviews-Modal .Submit-Modal__Step1, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought, #AirReviews-Modal .AirReviews-ModalSubmit__Rate { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } #AirReviews-Modal input, #AirReviews-Modal textarea, #AirReviews-Modal select { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } #AirReviews-Modal .AirReviews-Modal__Close { z-index: 30 !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V37 Mobile review modal — visual polish only Keeps V36 geometry + functionality intact \========================================================= */ @media screen and (max-width: 749px) { /* Warm Atal surface — no geometry changes */ #AirReviews-Modal .AirReviews-Modal__Wrapper--Open-Modal, #AirReviews-Modal .AirReviews-Modal__Container--mobile, #AirReviews-Modal .AirReviews-Modal__Content, #AirReviews-Modal .Submit-Modal__Step1 { background: var(--atal-review-ivory, #f5f0e6) !important; color: var(--atal-review-ink, #211d1a) !important; } /* Modal title */ #AirReviews-Modal .AirReviews-Modal__Content h1, #AirReviews-Modal .AirReviews-Modal__Content h2, #AirReviews-Modal .AirReviews-Modal__Content h3 { color: var(--atal-review-ink, #211d1a) !important; font-family: var(--atal-font-display, "Zilla Slab", Georgia, serif) !important; font-weight: 300 !important; line-height: 1.05 !important; letter-spacing: -.02em !important; } /* Supporting copy + labels */ #AirReviews-Modal .AirReviews-Modal__Content p, #AirReviews-Modal .AirReviews-Modal__Content label, #AirReviews-Modal .AirReviews-Modal__Content input, #AirReviews-Modal .AirReviews-Modal__Content textarea, #AirReviews-Modal .AirReviews-Modal__Content select, #AirReviews-Modal .AirReviews-Modal__Content button { font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; } /* Product image — slightly more editorial, without changing its wrapper */ #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought img { width: 132px !important; max-width: 132px !important; height: auto !important; object-fit: cover !important; border-radius: 0 !important; } /* Feedback field */ #AirReviews-Modal .AirReviews-TextField__Wrapper textarea, #AirReviews-Modal .AirReviews-TextField__Wrapper input { background: rgba(255,255,255,.30) !important; border-color: rgba(33,29,26,.22) !important; border-radius: 0 !important; color: var(--atal-review-ink, #211d1a) !important; box-shadow: none !important; } #AirReviews-Modal .AirReviews-TextField__Wrapper textarea::placeholder, #AirReviews-Modal .AirReviews-TextField__Wrapper input::placeholder { color: rgba(33,29,26,.42) !important; } /* Quiet incentive/note treatment when Air Reviews exposes these wrappers */ #AirReviews-Modal [class*="Reward"], #AirReviews-Modal [class*="Incentive"], #AirReviews-Modal [class*="Discount"], #AirReviews-Modal [class*="Notice"], #AirReviews-Modal [class*="InfoBox"] { background: #eee4d4 !important; border: 0 !important; border-left: 2px solid var(--atal-review-burgundy, #98233c) !important; border-radius: 0 !important; color: var(--atal-review-ink, #211d1a) !important; box-shadow: none !important; } /* Upload area — soften default app treatment */ #AirReviews-Modal [class*="Upload"], #AirReviews-Modal [class*="Dropzone"], #AirReviews-Modal [class*="DropZone"] { background: transparent !important; border-color: rgba(33,29,26,.28) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--atal-review-ink, #211d1a) !important; } /* Preserve native close-button size/position; only refine appearance */ #AirReviews-Modal .AirReviews-Modal__Close { background: transparent !important; border-color: rgba(33,29,26,.38) !important; color: var(--atal-review-ink, #211d1a) !important; box-shadow: none !important; } #AirReviews-Modal .AirReviews-Modal__Close svg path { stroke: var(--atal-review-ink, #211d1a) !important; fill: var(--atal-review-ink, #211d1a) !important; } /* Primary action: retain native placement, refine brand treatment */ #AirReviews-Modal .Submit-Modal__Step1 > button:last-child { background: var(--atal-review-burgundy, #98233c) !important; border-color: var(--atal-review-burgundy, #98233c) !important; border-radius: 0 !important; color: #fff !important; box-shadow: none !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V39 Mobile review modal — clean refinement Built from stable V37; avoids V38 nested-border issues \========================================================= */ @media screen and (max-width: 749px) { /* Slightly slimmer modal only */ #AirReviews-Modal .AirReviews-Modal__Wrapper--Open-Modal { width: calc(100vw - 32px) !important; max-width: 374px !important; } /* Modal heading only — do not affect product title */ #AirReviews-Modal .AirReviews-Modal__Content > h1:first-of-type, #AirReviews-Modal .AirReviews-Modal__Content > h2:first-of-type, #AirReviews-Modal .AirReviews-Modal__Content > h3:first-of-type { margin: 0 44px 14px 0 !important; color: var(--atal-review-ink, #211d1a) !important; font-family: var(--atal-font-display, "Zilla Slab", Georgia, serif) !important; font-size: 24px !important; font-weight: 300 !important; line-height: 1.04 !important; letter-spacing: -.02em !important; } /* Product image */ #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought img { width: 116px !important; max-width: 116px !important; height: auto !important; } /* Product title/copy stays clean sans — never inherit display serif */ #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought h1, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought h2, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought h3, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought p, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought span { font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; letter-spacing: 0 !important; } #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought h1, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought h2, #AirReviews-Modal .AirReviews-ModalSubmit__ShareThought h3 { font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; } /* Rating row — compact without touching its structure */ #AirReviews-Modal fieldset.AirReviews-Blocks__ActionRate { gap: 6px !important; margin-top: 8px !important; margin-bottom: 4px !important; } #AirReviews-Modal fieldset.AirReviews-Blocks__ActionRate svg { width: 27px !important; height: 27px !important; } #AirReviews-Modal .AirReviews-Blocks__ActionRate--Status { margin-top: 6px !important; margin-bottom: 14px !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .03em !important; } /* Feedback field — compact but fully usable */ #AirReviews-Modal .AirReviews-TextField__Wrapper textarea { min-height: 80px !important; padding: 11px 12px !important; font-size: 12px !important; line-height: 1.4 !important; } /* Close button — subtle, no double-ring treatment */ #AirReviews-Modal .AirReviews-Modal__Close { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; padding: 5px !important; border: 1px solid rgba(33,29,26,.28) !important; border-radius: 50% !important; box-shadow: none !important; } /* Keep the stable V37 note/upload styling. Explicitly undo V38-style nested decorative borders if cached/appended. */ #AirReviews-Modal [class*="Reward"] *, #AirReviews-Modal [class*="Incentive"] *, #AirReviews-Modal [class*="Discount"] *, #AirReviews-Modal [class*="Notice"] *, #AirReviews-Modal [class*="InfoBox"] * { outline: 0 !important; } #AirReviews-Modal [class*="Upload"] *, #AirReviews-Modal [class*="Dropzone"] *, #AirReviews-Modal [class*="DropZone"] * { outline: 0 !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V41 Mobile review modal — surgical incentive-bar fix only Built from stable V39 \========================================================= */ @media screen and (max-width: 749px) { /* Remove only the unwanted burgundy borders generated by Air Reviews' discount/incentive elements. Do not touch product media, rating controls, spacing, or modal structure. */ #AirReviews-Modal [class*="Discount"] { border-left: 0 !important; } #AirReviews-Modal [class*="Discount"]::before, #AirReviews-Modal [class*="Discount"]::after { border-left: 0 !important; box-shadow: none !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V47 Mobile 05 section — shift content slightly further left \========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title { position: static !important; left: auto !important; width: auto !important; padding: 0 16px 0 10px !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { position: relative !important; left: auto !important; width: auto !important; margin: 0 !important; padding: 0 16px 0 10px !important; box-sizing: border-box !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V44 Match review editorial typography to homepage Built on the valid V43 CSS base \========================================================= */ #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { color: #211a1d !important; font-family: var(--atal-font-display, "Zilla Slab", Georgia, serif) !important; font-style: normal !important; font-weight: 400 !important; line-height: .86 !important; letter-spacing: -.025em !important; text-transform: uppercase !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { color: #641c35 !important; font-family: var(--atal-font-display, "Zilla Slab", Georgia, serif) !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: -.018em !important; } @media screen and (max-width: 749px) { #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { font-size: clamp(42px, 11vw, 48px) !important; line-height: .88 !important; letter-spacing: -.025em !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { font-size: 18px !important; } } @media screen and (min-width: 750px) { #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { font-size: clamp(50px, 5.2vw, 84px) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { font-size: 22px !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V48 Desktop-only editorial review layout Mobile remains untouched \========================================================= */ @media screen and (min-width: 990px) { #AirReviews-BlockWrapper .AirReviews-Blocks { padding: 56px 0 64px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr) !important; align-items: start !important; column-gap: clamp(64px, 7vw, 120px) !important; width: min(1240px, calc(100% - 96px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title { width: 100% !important; padding: 0 !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::before, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::before { font-size: 10px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { margin-top: 24px !important; font-size: clamp(54px, 4.5vw, 72px) !important; line-height: .86 !important; letter-spacing: -.025em !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { display: block !important; width: 100% !important; margin: 0 !important; padding: 34px 0 0 !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { margin: 0 0 28px !important; padding: 0 0 22px !important; border-bottom: 1px solid var(--atal-review-line) !important; font-size: 22px !important; line-height: 1.25 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 9px !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 18px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--atal-review-line) !important; box-shadow: none !important; color: var(--atal-review-burgundy) !important; text-align: left !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate > * { display: inline-flex !important; align-items: center !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--RateCount { flex: 0 0 auto !important; color: var(--atal-review-burgundy) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate [role="img"] { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 2px !important; width: auto !important; margin: 0 !important; color: var(--atal-review-burgundy) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate [role="img"] svg { width: 15px !important; height: 15px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate > *:last-child::before { content: "·"; display: inline-block; margin-right: 9px; color: var(--atal-review-burgundy); } #AirReviews-BlockWrapper .AirReviews-Blocks--List, #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:nth-of-type(2) { display: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { position: relative !important; display: block !important; width: 100% !important; min-height: 46px !important; height: 46px !important; margin: 8px 0 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(33,29,26,.10) !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type > * { position: absolute !important; inset: 0 !important; z-index: 5 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: auto !important; cursor: pointer !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type > * * { pointer-events: auto !important; cursor: pointer !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type::after { content: "WRITE A REVIEW ↗" !important; position: absolute !important; top: 50% !important; left: 0 !important; z-index: 4 !important; transform: translateY(-50%) !important; color: var(--atal-review-burgundy) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: .12em !important; text-transform: uppercase !important; white-space: nowrap !important; pointer-events: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { width: min(1240px, calc(100% - 96px)) !important; max-width: 1240px !important; margin: 42px auto 0 !important; padding-top: 0 !important; border-top: 0 !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel .AirReviews-Card--default, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel .AirReviews-Card--default, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews .AirReviews-Card--default { background: var(--atal-review-card) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel img, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel img, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews img { max-height: 520px !important; object-fit: cover !important; border-radius: 0 !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V49 Desktop-only: remove side white gutters \========================================================= */ @media screen and (min-width: 990px) { #AirReviews-BlockWrapper { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; box-sizing: border-box !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V50 Desktop-only visual refinement Keeps V49 full-bleed background + mobile untouched \========================================================= */ @media screen and (min-width: 990px) { #AirReviews-BlockWrapper .AirReviews-Blocks { padding-top: 48px !important; padding-bottom: 56px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important; column-gap: clamp(72px, 6vw, 110px) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title { padding-right: 20px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title::after, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::after { margin-top: 22px !important; font-size: clamp(52px, 4.15vw, 66px) !important; line-height: .88 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { min-height: 0 !important; padding: 6px 0 0 44px !important; border-left: 1px solid var(--atal-review-line) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > * { margin-top: 0 !important; margin-bottom: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { margin: 0 !important; padding: 0 0 18px !important; border-bottom: 1px solid var(--atal-review-line) !important; font-size: 20px !important; line-height: 1.2 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate { min-height: 0 !important; margin: 0 !important; padding: 20px 0 !important; border-bottom: 1px solid var(--atal-review-line) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--List { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { min-height: 44px !important; height: 44px !important; margin: 0 !important; border-bottom: 1px solid rgba(33,29,26,.10) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type::after { font-size: 9px !important; letter-spacing: .14em !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { margin-top: 34px !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V51 Match 05 eyebrow typography to 04 · GOOD TO KNOW ========================================================= */ @media screen and (min-width: 750px) { #AirReviews-BlockWrapper .AirReviews-Blocks--Title::before, #AirReviews-BlockWrapper .AirReviews-Blocks__Title::before { font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: var(--atal-review-burgundy) !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V52 Mobile 05 pixel alignment lock to 04 Matches the 05 left edge exactly to 04 · GOOD TO KNOW ========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper { width: calc(100% + 32px) !important; max-width: none !important; margin-left: -16px !important; margin-right: -16px !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title, #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { position: static !important; left: auto !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 32px !important; box-sizing: border-box !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V57 Desktop 05 horizontal alignment = 06 Related Products ========================================================= */ @media screen and (min-width: 990px) { #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner { width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { width: auto !important; max-width: none !important; margin-left: clamp(28px, 5vw, 82px) !important; margin-right: clamp(28px, 5vw, 82px) !important; margin-top: 34px !important; box-sizing: border-box !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V58 Reduce desktop space below 05 before section 06 ========================================================= */ @media screen and (min-width: 990px) { #AirReviews-BlockWrapper .AirReviews-Blocks { padding-bottom: 20px !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V59 FINAL MOBILE 05 ALIGNMENT LOCK Locks 05 to the same 20px content line as 04 · GOOD TO KNOW ========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner { position: static !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner > .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner > .AirReviews-Blocks__Title, #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner > .AirReviews-Blocks__SummaryWrapper, #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title, #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { position: static !important; left: auto !important; right: auto !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; box-sizing: border-box !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V60 Desktop WRITE A REVIEW restore Distribution stays hidden by its real app class. Removes the fragile positional hide that could hide the native review action when Air Reviews changes child order. ========================================================= */ @media screen and (min-width: 990px) { #AirReviews-BlockWrapper .AirReviews-Blocks--List { display: none !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { position: relative !important; display: block !important; width: 100% !important; min-height: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-bottom: 1px solid rgba(33,29,26,.10) !important; cursor: pointer !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type > * { position: absolute !important; inset: 0 !important; z-index: 5 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: auto !important; cursor: pointer !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type::after { content: "WRITE A REVIEW ↗" !important; position: absolute !important; top: 50% !important; left: 0 !important; z-index: 4 !important; transform: translateY(-50%) !important; color: var(--atal-review-burgundy) !important; font-family: var(--atal-font-sans, "Barlow", Arial, sans-serif) !important; font-size: 9px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: .14em !important; text-transform: uppercase !important; white-space: nowrap !important; pointer-events: none !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V61 FINAL MOBILE GAP LOCK BETWEEN 05 + 06 ========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper, #AirReviews-BlockWrapper .AirReviews-Widget__V2, #AirReviews-BlockWrapper .AirReviews-PreviewWrapper__Mobile { margin-bottom: 0 !important; padding-bottom: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks { padding-bottom: 8px !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__LayoutCarousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Carousel, #AirReviews-BlockWrapper .AirReviews-Blocks__Reviews { margin-bottom: 0 !important; padding-bottom: 0 !important; } } /* ========================================================= ATAL — AG / AIR REVIEWS V62 FINAL MOBILE 04/05 ALIGNMENT + COMPACT RATING LOCK ========================================================= */ @media screen and (max-width: 749px) { #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryInner { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Title, #AirReviews-BlockWrapper .AirReviews-Blocks__Title, #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper::before { margin: 8px 0 0 !important; padding: 0 0 14px !important; border-bottom: 1px solid var(--atal-review-line) !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate { display: flex !important; align-items: center !important; width: 100% !important; min-height: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--atal-review-line) !important; box-sizing: border-box !important; } #AirReviews-BlockWrapper .AirReviews-Blocks--Rate > * { min-height: 0 !important; height: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #AirReviews-BlockWrapper .AirReviews-Blocks__SummaryWrapper > div:last-of-type { min-height: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; } }