/* MDIX Fashion Harmoni — audit fixes */

/* Logo wordmark was rendered at 82x17px (unreadable). */
.logo { height: auto; }
.logo__image { width: 200px; height: auto; }
@media (max-width: 767px) {
  .logo__image { width: 150px; }
}

/* Demo-only menu entries (404 page, extra checkout steps). */
.hide-nav__item:has(> a[href="404.html"]),
.slide-nav__item:has(> a[href="404.html"]),
.hide-nav__item:has(> a[href="checkout-2.html"]),
.slide-nav__item:has(> a[href="checkout-2.html"]),
.hide-nav__item:has(> a[href="checkout-3.html"]),
.slide-nav__item:has(> a[href="checkout-3.html"]) {
  display: none;
}

/* Footer payments: keep Visa + Mastercard, hide PayPal/Payoneer (uncommon for Indonesian shoppers). */
.payments__item:nth-child(n + 3) { display: none; }

/* Deal-of-the-week countdown labels in Indonesian are lowercase words; keep them tidy. */
.syotimer-cell__unit { text-transform: capitalize; }

/* Hero: sharp shop photos behind the slide title — add a white scrim so the title stays readable. */
.main-slider__image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.85) 68%);
}
@media (max-width: 1023px) {
  .main-slider__image-wrap::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0.3) 100%);
  }
}

/* ===== Design QA 2026-10-12 ===== */

/* Indonesian sentences must not be Title Cased ("Tetap Hangat Dan Trendi"). */
.title-1, .title-2, .title-3, .title-5, .title-6, blockquote footer, .read-more, .arrow-button, .add-button,
.back-button, .hide-nav__link, .mob-nav__link, .footer-title, .main-slider__title, .collection__title,
.main-block__title, .tabs-nav__link, .deal-block__title, .advantage__title, .short-post__title, .short-post__date,
.inner-top__title, .newsletter__title, .about-company__title, .about-section__title, .inner-deal__title,
.widget__title, .widget__button, .product__title, .review__author, .add-review__title, .post-header__title,
.about-author__title, .post-mini__title, .add-comment__title, .popular__title, .newsletter-block__title,
.faq__title, .login-form__title, .button { text-transform: none; }

/* Product tags: AA contrast (white on #95ccb5 / #ff8e8e was 1.8–2.2:1) and 12px text. */
.item-tag { height: 22px; font-size: 12px; line-height: 23px; letter-spacing: .02em; }
.item-tag_green { background: #2e7a58; }
.item-tag_red { background: #c0392b; }

/* Touch targets (menu toggle, header icons, socials, hearts, text links). */
.mob-button { width: 44px; height: 44px; margin: -11px; }
.mob-button:after, .mob-button:before, .mob-button__icon:before { width: 22px; left: 11px; }
.mob-button:before { top: 15px; }
.mob-button:after { top: 21px; }
.mob-button__icon:before { top: 27px; }
.user-nav__link { display: block; height: auto; min-width: 24px; padding: 11px 6px; margin: -11px -6px; box-sizing: content-box; }
.socials__link, .side-socials__link { min-width: 24px; padding: 12px 2px; margin: -12px -2px; text-align: center; }
.heart-button { width: 32px; height: 32px; margin: -6px; }
.heart-button:after, .heart-button:before { top: 7px; left: 6px; }
.read-more { padding-top: 5px; padding-bottom: 5px; margin-top: -5px; margin-bottom: -5px; }
.short-post__link, .short-item__link, .popular__link, .post-mini__link, .reviewed__link { display: inline-block; padding: 2px 0; }
.slick-arrow { min-height: 44px; }

/* Product photos fill the card on phones (object-fit: contain left grey bars). */
.short-item__image { object-fit: cover; }
@media (max-width: 767px) {
  .short-item__image-bg { height: auto !important; aspect-ratio: 3 / 4; }
}

/* White "PROMO DISKON" text sat on a light photo: permanent dark wash, stronger on hover. */
.season-sale__image:before, .sale-banner__image:before { opacity: 1; background: rgba(0, 0, 0, .38); }
.desktop .season-sale__all:hover .season-sale__image:before, .desktop .sale-banner:hover .sale-banner__image:before { background: rgba(0, 0, 0, .5); }
/* "DISKON" broke into "DISKO / N" in narrow banners. */
.sale-banner__title span { font-size: 44px; }
.sale-banner_changed .sale-banner__title span { font-size: 48px; }
@media (max-width: 1199px) {
  .season-sale__title span, .season-sale_small .season-sale__title span { font-size: 54px; }
}
@media (max-width: 400px) {
  .season-sale__title span, .season-sale_small .season-sale__title span { font-size: 48px; }
}

/* Footer address: one fact per line on every width. */
.footer-description br { display: inline; }

/* Contacts: keyless Google Maps embed instead of the seller's API-key map. */
.map__frame { width: 100%; height: 100%; margin: 0; border: 0; display: block; }

/* Demo leftovers: English reCAPTCHA picture, Google+ login, photo strip posing as brand logos. */
img[src$="examples/captcha.png"] { display: none; }
.socials-nav__item:has(> .socials-nav__link_icon-4) { display: none; }
.brands-block { display: none; }
.captcha { display: none; }

/* Product description tab (was empty). */
.product-desc { max-width: 760px; padding: 10px 0 40px; }
.product-desc__lead { margin: 0 0 16px; }
.product-desc__list { margin: 0; padding: 0 0 0 20px; list-style: disc; }
.product-desc__list li { margin: 0 0 8px; }

/* Every theme selector with text-transform: capitalize (Indonesian is sentence case). */
.about-author__title,
.about-company__title,
.about-section__title,
.add-button,
.add-comment__title,
.add-review__title,
.advantage__title,
.arrow-button,
.back-button,
.button,
.checkout-form__title,
.checkout-nav__item,
.collection__title,
.contacts-form__title,
.contacts__title,
.deal-block__title,
.faq__title,
.footer-title,
.hide-nav__link,
.inner-deal__title,
.inner-top__title,
.login-form__title,
.main-block__title,
.main-slider__title,
.mob-nav__link,
.newsletter-block__title,
.newsletter__title,
.page-404__subtitle,
.popular__title,
.post-header__title,
.post-mini__title,
.product__title,
.promo__title,
.radio__label,
.read-more,
.review__author,
.short-post__date,
.short-post__title,
.tabs-nav__link,
.thanks__title,
.title-1,
.title-2,
.title-3,
.title-5,
.title-6,
.widget__button,
.widget__title,
.wishlist__title,
.your-order__title,
blockquote footer { text-transform: none; }

/* Collection captions overlap the photo by design; on dark photos they were unreadable. */
@media (min-width: 768px) {
  .collection__content { background: rgba(255, 255, 255, .94); padding: 22px 26px 4px; }
}
.season-sale_small .season-sale__title span { font-size: 54px; }

/* About "Butik pakaian" block: the photo ran 150–190px under the heading and text. */
@media (min-width: 768px) {
  .inner-deal__image { margin-right: 0 !important; }
  .inner-deal__right { padding-left: 48px; box-sizing: content-box; }
}

/* Slider dots: 10x3px buttons → 24px tap area, same visible bar. */
.dots-2 .slick-dots li { padding: 0 3px 4px; }
.dots-2 .slick-dots li button { width: 24px; height: 24px; padding: 10.5px 7px; box-sizing: border-box; background-clip: content-box; }
.dots-2 .slick-dots li.slick-active button { width: 35px; }
/* 12 dots wrapped onto two rows on phones; the arrows already page through. */
@media (max-width: 575px) {
  .js-catalog-dots { display: none; }
}

/* Brand pink #ff8e8e as text was 2.2:1 → darker shade for text links (pink stays for hover/accents). */
a, .red, .deploy-button, .header-nav__item.active .header-nav__link, .breadcrumbs__item,
.breadcrumbs__item:last-child .breadcrumbs__link, .side-nav__item.active .side-nav__link, .post-nav__link { color: #c0392b; }
.breadcrumbs__link { color: #000; }
.green, .chars__status { color: #2e7a58; }
.wishlist-info, .wishlist-info__label, .wishlist-info__text { color: #555; opacity: 1; }

/* Small targets on inner pages. */
.breadcrumbs__link { display: inline-block; padding: 4px 0; }
.wishlist__link, .side-cart__link, .order-table__link { display: inline-block; padding: 3px 0; }
.page-nav__link { min-width: 24px; }
.page-nav__button, .next-button_small, .prev-button_small { min-height: 24px; }
.search-form__button { width: 28px; right: -5px; }
/* Counter badge keeps its spot after the 44px tap padding on the header icons. */
.user-nav__text { top: 3px; right: -4px; }

/* Big category words: on phones they sit above the photo on white — make them dark. */
@media (max-width: 767px) {
  .collection__category { color: #1a1a1a; text-shadow: 0 2px 8px rgba(255, 255, 255, .8) !important; }
}
.page-nav__item.active .page-nav__link { min-width: 24px; }
.login-form a, .post-nav__link { display: inline-block; padding: 3px 0; }
.popular__link { padding: 3px 0; }
.reply-button { width: 28px; height: 28px; margin: -4px; }
.reply-button:after, .reply-button:before { top: 4px; left: 4px; }
.dots-2 .slick-dots li.slick-active button, .desktop .dots-2 .slick-dots li button:hover { background-clip: content-box; }
@media (min-width: 1024px) {
  .collection__content { max-width: 330px; padding: 20px 24px 2px; }
}
/* Order confirmation: the weekly promo countdown made no sense under "Perkiraan tiba 2–4 hari kerja". */
.thanks .timer { display: none; }
@media (max-width: 1199px) {
  .collection__category { color: #1a1a1a; text-shadow: 0 2px 8px rgba(255, 255, 255, .8) !important; }
}
.contacts__link, label a { display: inline-block; padding: 3px 0; }
.popular__link { padding: 4px 0; }
label a { padding: 4px 0; }
.checkbox__text a { display: inline-block; padding: 4px 0; }