/* Fluid Mega888 layout, independent of remote presentation styles. */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; margin: 0; padding: 0; }
body { font-family: Inter, Arial, sans-serif; }
#__next, main { width: 100%; min-width: 0; }
img, svg { max-width: 100%; }
svg { overflow: hidden; }
[class*="styles_section"] { width: 100%; max-width: 1200px; min-width: 0; margin-inline: auto; }
[class*="styles_carouselWrapper"], [class*="styles_carouselOuter"] { width: 100%; min-width: 0; overflow: hidden; }
[class*="styles_carouselInner"] { display: flex !important; flex-wrap: wrap !important; gap: 12px; width: 100% !important; transform: none !important; }
[class*="styles_carouselInner"] > [class*="styles_slide"] { flex: 0 0 calc((100% - 60px) / 6) !important; width: calc((100% - 60px) / 6) !important; min-width: 0 !important; margin: 0 !important; }
[class*="styles_slideInner"] { min-width: 0; width: 100%; margin-right: 0 !important; }
[class*="styles_subItems"][aria-hidden="true"] { display: none; }
[class*="styles_nextButton"], [class*="styles_previousButton"] { display: none !important; }
@media (max-width: 1100px) {
body div, body section, body form, body ul { min-width: 0; }
[class*="style_headerWrapper"], [class*="styles_navContainer"] { position: relative !important; width: 100% !important; top: auto !important; }
[data-testid="ds-header-placeholder"] { display: none !important; }
[class*="style_header__"] { display: flex !important; flex-wrap: wrap !important; gap: 12px; height: auto !important; padding: 12px 16px !important; }
[class*="style_header__"] > * { max-width: 100%; min-width: 0 !important; flex-wrap: wrap !important; }
[class*="style_header__"] form { width: 100% !important; min-width: 0 !important; }
nav[aria-label="Produk"] { width: 100%; display: block !important; }
nav[aria-label="Produk"] > ul { display: flex !important; flex-wrap: wrap !important; width: 100%; padding: 0; margin: 0; list-style: none; }
nav[aria-label="Produk"] a { display: inline-block; padding: 12px; min-height: 44px; }
[data-testid="primary-content"] { display: flex !important; flex-direction: column !important; gap: 24px; width: 100% !important; }
[class*="PrimaryContentSection_"] { min-width: 0 !important; max-width: 100%; }
[class*="PrimaryContentSection_productPreviewsLayout"], [class*="PrimaryContentSection_listingInfo"], [data-testid="product-preview"] { width: 100% !important; min-width: 0; }
main [class*="styles_section"] { padding-inline: 16px !important; }
[class*="ProductPreviews_productPreview"] { display: flex !important; flex-direction: column-reverse !important; gap: 12px; }
[class*="ProductPreviewsCarousel_box"] { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px; width: 100% !important; }
[class*="ProductPreviewsCarousel_box"] > [role="button"] { width: 56px !important; flex: 0 0 56px; }
[class*="ProductPreviewsImage_container"], [class*="ProductPreviewsImage_swiperContainer"], [class*="ProductPreviewsImage_swiper"] { width: 100% !important; max-width: 100%; min-width: 0 !important; overflow: hidden; }
[class*="ProductPreviewsImage_fullWidth"] img { width: 100%; height: auto; object-fit: contain; }
[class*="styles_carouselInner"] > [class*="styles_slide"] { flex-basis: calc((100% - 24px) / 3) !important; width: calc((100% - 24px) / 3) !important; }
[class*="ArtworkInfo_container"], [data-testid="aao-header"] { display: flex; flex-wrap: wrap !important; gap: 12px; }
[class*="ArtworkInfo_titleContainer"] { flex: 1 1 180px; min-width: 0; }
h1, h2, h3, p, span, a { overflow-wrap: anywhere; }
[class*="footerContainer"] { display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; gap: 16px; padding-inline: 16px; }
}
@media (max-width: 767px) {
main [class*="styles_paddingLeft-l"], main [class*="styles_paddingRight-l"] { padding-inline: 0 !important; }
[class*="PrimaryContentSection_desktopOnly"] { display: none !important; }
[class*="PrimaryContentSection_mobileOnly"] { display: block !important; }
[class*="styles_carouselInner"] > [class*="styles_slide"] { flex-basis: calc((100% - 12px) / 2) !important; width: calc((100% - 12px) / 2) !important; }
.m88-extra-section { width: 100%; padding-inline: 16px; margin-block: 24px; }
.m88-reviews-grid, .m88-review-form-grid { grid-template-columns: minmax(0, 1fr); }
.m88-review-textarea { grid-column: auto; }
.m88-reviews-grid > *, .m88-review-form-grid > * { min-width: 0; }
input, textarea, select { max-width: 100%; min-width: 0 !important; font-size: 16px; }
[data-mega888-action="download"], .m88-review-submit { width: 100%; min-height: 48px; }
.m88-review-star-picker button { min-width: 44px; min-height: 44px; }
[class*="default_footerNavigation"] [class*="footerContainer"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
[class*="default_footerNavigation"] ul { min-width: 0; padding: 0; }
}
@media (max-width: 360px) {
a[aria-label="Kembali ke halaman utama Mega888"] { width: 120px !important; }
[class*="styles_carouselInner"] > [class*="styles_slide"] { flex-basis: 100% !important; width: 100% !important; }
[class*="default_footerNavigation"] [class*="footerContainer"] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) { .m88-review-star-picker { display: flex; flex-wrap: wrap; gap: 4px; } }

/* Keep the additional categories in one carousel row. */
[class*="styles_carouselWrapper"]:has([data-testid="aao-carousel-card"]) [class*="styles_carouselOuter"] { overflow-x: auto; overscroll-behavior-x: contain; }
[class*="styles_carouselWrapper"]:has([data-testid="aao-carousel-card"]) [class*="styles_carouselInner"] { flex-wrap: nowrap !important; }
[class*="styles_carouselWrapper"]:has([data-testid="aao-carousel-card"]) [class*="styles_carouselInner"] > [class*="styles_slide"] { flex: 0 0 calc((100% - 60px) / 6) !important; width: calc((100% - 60px) / 6) !important; }
@media (max-width: 1100px) {
[class*="styles_carouselWrapper"]:has([data-testid="aao-carousel-card"]) [class*="styles_carouselInner"] > [class*="styles_slide"] { flex-basis: calc((100% - 24px) / 3) !important; width: calc((100% - 24px) / 3) !important; }
}
@media (max-width: 767px) {
[class*="styles_carouselWrapper"]:has([data-testid="aao-carousel-card"]) [class*="styles_carouselInner"] > [class*="styles_slide"] { flex-basis: calc((100% - 12px) / 2) !important; width: calc((100% - 12px) / 2) !important; }
}
/* Mobile header: logo and icons above a full-width search and account links. */
@media (max-width: 767px) {
[class*="style_header__"] { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px !important; }
[class*="style_header__"] > div:first-child { grid-column: 1 / -1; grid-row: 2; display: flex !important; flex-wrap: wrap !important; gap: 8px; width: 100% !important; margin: 0 !important; }
[class*="style_header__"] > div:nth-child(2) { grid-column: 1; grid-row: 1; justify-content: flex-start !important; margin: 0 !important; }
[class*="style_header__"] > div:last-child { grid-column: 2; grid-row: 1; display: flex !important; flex-wrap: nowrap !important; gap: 8px; }
[class*="style_header__"] > div:first-child > div:has([class*="styles_searchBox"]) { order: -1 !important; flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; }
[class*="styles_searchBox"], [class*="styles_inputWrapper"] { width: 100% !important; min-width: 0 !important; }
[class*="styles_searchBox"] [class*="styles_form"] { display: flex !important; align-items: center; width: 100%; min-width: 0; gap: 8px; }
[class*="styles_searchBox"] [class*="styles_context"] { display: none !important; }
[class*="styles_termWrapper"] { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; }
[class*="styles_termWrapper"] input { display: block !important; width: 100% !important; min-width: 0 !important; height: 44px; font-size: 16px !important; }
[data-testid="ds-typeahead-search-button"] { flex-shrink: 0; width: 44px; height: 44px; }
[class*="style_header__"] > div:first-child > div:not(:has([class*="styles_searchBox"])),
[class*="style_header__"] > div:first-child > a { flex: 0 1 auto !important; margin: 0 !important; }
[class*="style_header__"] > div:first-child > a,
[class*="style_header__"] > div:first-child > div > a { padding: 8px !important; white-space: normal !important; font-size: 13px !important; }
[class*="TagsList_tagsList"] { display: flex !important; flex-wrap: wrap !important; gap: 10px 14px !important; height: auto !important; }
[class*="TagsList_tagsList"] > div { flex: 0 1 auto !important; width: auto !important; max-width: 100%; margin: 0 !important; }
[class*="TagsList_tagsList"] a { display: inline-block; white-space: normal !important; overflow-wrap: anywhere; line-height: 1.6 !important; }
[class*="TagsSection_title"] { margin-top: 24px; margin-bottom: 12px; }
[class*="DiscoveryUnit_"] [class*="styles_carouselInner"] > [class*="styles_slide"] { flex: 0 0 auto !important; width: auto !important; max-width: 100%; }
[class*="Bubble_bubble"] { width: auto !important; max-width: 100%; height: auto !important; white-space: normal !important; padding: 8px 12px !important; }
[class*="Bubble_bubble"] span { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.5; }
}
@media (max-width: 1100px) {
[class*="TagsList_tagsList"] { display: flex !important; flex-wrap: wrap !important; gap: 10px 14px !important; height: auto !important; }
[class*="TagsList_tagsList"] > div { flex: 0 1 auto !important; width: auto !important; max-width: 100%; margin: 0 !important; }
[class*="TagsList_tagsList"] a { display: inline-block; white-space: normal !important; line-height: 1.6 !important; }
}

/* Discovery pills fit their labels on desktop as well as mobile. */
[class*="DiscoveryUnit_"] [class*="styles_carouselInner"] { flex-wrap: wrap !important; gap: 12px !important; }
[class*="DiscoveryUnit_"] [class*="styles_carouselInner"] > [class*="styles_slide"] { flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: 100%; }
[class*="DiscoveryUnit_"] [class*="styles_slideInner"] { width: auto !important; margin: 0 !important; }
[class*="DiscoveryUnit_"] [class*="Bubble_bubble"] { display: inline-flex !important; width: auto !important; max-width: 100%; height: auto !important; padding: 8px 14px !important; white-space: normal !important; }
[class*="DiscoveryUnit_"] [class*="Bubble_bubble"] span { width: auto !important; height: auto !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.5 !important; }