/* Mobile/tablet overrides only. The existing desktop styles remain authoritative above 1024px. */
@media (max-width: 767px) {
  main#top > .brand-introduction > img {
    display: none;
  }
  main#top > .brand-introduction > .brand-mobile-visual[hidden] {
    display: block;
    width: 100%;
    aspect-ratio: 900 / 800;
    background-image: url("img/kosubi-brand-introduction.webp");
    background-repeat: no-repeat;
    background-size: 177.777778% auto;
    background-position: left center;
  }
  main#top > .brand-introduction .brand-mobile-title {
    width: min(280px, 100%);
    aspect-ratio: 440 / 310;
    margin: 0 0 24px;
    background-image: url("img/kosubi-brand-introduction.webp");
    background-repeat: no-repeat;
    background-size: 363.636364% auto;
    background-position: 82.758621% 20.338983%;
  }
  main#top > .brand-introduction > .brand-mobile-copy[hidden] {
    display: block;
    position: relative;
    z-index: 1;
    width: 90vw;
    max-width: 100%;
    margin: 20px auto 0;
    padding: 0 0 4px;
    background: #fff;
    color: #000;
    font-family: Arial, "Noto Sans KR", sans-serif;
    font-size: 12.5px;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-break: normal;
    text-align: left;
  }
  main#top > .brand-introduction > .brand-mobile-copy > p {
    margin: 0 0 16px;
  }
  main#top > .brand-introduction > .brand-mobile-copy > p:last-child {
    margin-bottom: 0;
  }
  main#top > section.hero > .hero-copy {
    position: absolute;
    top: auto;
    bottom: 4%;
    left: 3%;
    right: 3%;
    transform: none;
    width: auto;
    max-width: 94%;
    padding: 0;
    margin: 0;
  }
  main#top > section.hero > .hero-copy > p,
  main#top > section.hero > .hero-copy > h1 {
    margin: 0;
  }
  main#top > section.hero > .hero-copy > a {
    margin: 4px auto 0;
    padding: 4px 16px;
  }
  main#top > section#community.community > .community-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 12px;
  }
  main#top > section#community.community > .community-grid > a {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  html { font-size: 16px !important; }
  body { overflow-wrap: anywhere; }
  main, section, article, header, footer, aside, nav, form, div { min-width: 0; }
  img, video, input, select, textarea { max-width: 100%; }
  input, select, textarea { min-width: 0; box-sizing: border-box; }
  /* Avoid automatic input zoom on narrow touch screens. */
  input:not([type=checkbox]):not([type=radio]),select,textarea { font-size: 16px !important; }

  .notice { height: auto; min-height: 28px; padding: 6px 12px; line-height: 1.5; }
  .site-header { height: 72px !important; padding: 0 16px !important; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important; gap: 8px; }
  .wordmark { width: 112px; height: 37px; }
  .wordmark img { width: 112px !important; height: 112px !important; transform: translateY(-37.58px); }
  .header-actions { height: 36px; gap: 2px; }
  .header-actions .header-icon { width: 34px !important; height: 36px !important; min-width: 34px !important; padding: 5px !important; }
  .header-actions .header-icon svg { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; }
  .menu-button { width: 36px; height: 36px; min-width: 36px; gap: 5px; }
  .menu-button i,.menu-button i:nth-child(2),.menu-button i:nth-child(3) { width: 24px !important; height: 2px !important; min-height: 2px !important; flex-basis: 2px; }
  .back-home,.back { max-width: 100%; gap: 6px; }
  .menu-inner { width: min(88vw,440px); padding: 76px 24px 28px; overflow-y: auto; }
  .menu-close { left: min(76vw,380px); top: 20px; width: 40px; height: 40px; }
  .menu-inner nav a { padding-block: 12px; }
  .menu-inner nav span { width: 32px; }
  .menu-note { position: static; margin-top: 48px; gap: 8px; }

  /* Preserve section and card order; reduce the number of columns. */
  .category-grid,.products,.renewal-review-grid,.shop-product-grid,.wishlist-grid,.recommend-grid,
  .episode-grid,.community-list-grid,.community-grid,.related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 16px; max-width: 100%; }
  .category,.shop,.community,.renewal-review,.wishlist-content,.wishlist-recommend,.episode-section { padding: 56px 20px; }
  .products,.community-grid,.episode-grid,.recommend-grid,.renewal-review-grid { width: 100%; }
  .section-heading { margin-bottom: 32px; }
  .category-grid h3,.products h3,.community-grid h3 { margin-top: 14px; margin-bottom: 8px; }
  .intro { padding: 56px 20px; }
  .intro>span { margin-top: 24px; }
  .hero:has(>img) { height: auto; min-height: 0; overflow: visible; }
  .hero>img { display: block; height: auto; }
  .hero:has(>img) .hero-copy { position: relative; left: auto; top: auto; transform: none; width: 100%; max-width: 100%; padding: 28px 20px 36px; }
  .hero-copy>a { margin-top: 24px; padding: 12px 22px; max-width: 100%; }
  .film-section,.brand-introduction { padding: 28px 16px; }
  .film-section .film-banner { width: 100%; height: auto; min-height: 0; }
  .film-section .film-play { width: 48px; height: 48px; }
  .film-section .film-play::after { left: 19px; top: 14px; border-top-width: 9px; border-bottom-width: 9px; border-left-width: 13px; }

  /* Product/category detail templates. Existing hidden sections stay hidden. */
  .detail-shop .hero { grid-template-columns: minmax(0,1fr); gap: 28px; padding: 36px 20px; }
  .detail-shop .hero-copy { max-width: 100%; padding: 0; }
  .detail-shop .hero-copy .summary { max-width: 100%; }
  body.detail-id-nasal.detail-shop .hero { width: calc(100% - 40px); padding: 28px 0; }
  body.detail-id-nasal .nasal-product-overview { grid-template-columns: minmax(0,1fr); width: calc(100% - 40px); margin: 28px auto 48px; gap: 28px; }
  body.detail-id-nasal .nasal-product-info { padding: 0 16px; }
  body.detail-id-nasal .nasal-product-info dl div,body.detail-id-nasal .nasal-product-info label { grid-template-columns: 80px minmax(0,1fr); gap: 8px; padding-block: 12px; }
  body.detail-id-nasal .nasal-product-info dd { min-width: 0; }
  body.detail-id-nasal .nasal-product-info select { height: 44px; padding-inline: 10px; }
  body.detail-id-nasal .nasal-product-thumb { width: 64px; height: 64px; margin-top: 12px; }
  body.detail-id-happy .happy-product-thumbs { gap: 8px; }
  body.detail-id-nasal .nasal-detail-tabs { width: calc(100% - 40px); margin-bottom: 32px; }
  body.detail-id-nasal .nasal-detail-tabs span { padding: 14px 6px; }
  body.detail-id-nasal .nasal-detail-images,.shop-editorial-images { width: 100%; }
  .detail-commerce-actions { gap: 10px; margin-top: 24px; }
  .detail-commerce-actions button,body.detail-id-nasal .nasal-buy-button { height: auto; min-height: 48px; padding: 12px 8px; }
  body.category-products-only .nasal-category-page { padding: 48px 20px; }
  .category-products-header,.category-products-grid { max-width: 100%; }
  .category-products-grid.count-1 { grid-template-columns: minmax(0,1fr); }
  .category-product-image { height: auto; aspect-ratio: 1; }
  .story,.ritual,.related,.category-guide { padding: 48px 20px; }
  .story-heading,.ritual,.care-product,.care-faq { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .story-text { white-space: normal; }
  .feature-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .detail-shop .story-heading h2 { max-width: 100%; }

  /* Menu pages and content archives. */
  .shop-page-header,.community-page-header,.brand-page-header,.faq-page-header,.webtoon-archive-header,.wishlist-heading,.page-hero,.page-intro { padding: 48px 20px; }
  .shop-product-grid,.community-list-grid,.brand-story,.brand-principles,.faq-board,.page-grid { padding: 36px 20px; }
  .brand-story,.brand-principles,.page-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .brand-principles p { max-width: 100%; }
  .faq-board-title,.faq-row button { grid-template-columns: 24px 70px minmax(0,1fr) 20px; gap: 8px; }
  .faq-row button { min-height: 72px; padding-block: 16px; }
  .faq-answer { grid-template-columns: 24px minmax(0,1fr); padding: 20px 12px; }
  .webtoon-reader-images { width: min(900px,100%); }
  .webtoon-reader-header,.webtoon-reader-end { padding: 32px 16px; }
  .webtoon-reader-end a { padding: 14px 20px; }
  .drama-player { width: min(480px,100%); }
  .film-page { height: 100svh; }
  .film-page video { width: 100%; height: 100svh; object-fit: contain; }
  .film-back { left: 16px; top: 16px; }
  .film-heading { left: 16px; right: 16px; top: 64px; flex-wrap: wrap; gap: 12px; }

  /* Form and cart layout only; all purchase handlers remain unchanged. */
  .cart-content,.demo-grid,.login-main { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .cart-content,.demo-page { padding: 40px 20px; }
  .demo-heading,.demo-grid,.demo-complete { max-width: 100%; }
  .demo-card,.demo-complete { padding: 24px 16px; }
  .demo-fields { gap: 20px 16px; }
  .demo-field input,.demo-field select,.login-box input:not([type=checkbox]) { height: 48px; padding-inline: 10px; }
  .demo-button,.login-box form>button,.order-summary button { height: auto; min-height: 48px; padding: 12px; margin-top: 20px; }
  .demo-payment { gap: 12px; }
  .demo-payment label { padding: 14px; gap: 10px; }
  .demo-check { gap: 10px; margin-block: 18px; }
  .demo-actions { flex-wrap: wrap; gap: 12px; }
  .demo-actions a { height: auto; min-height: 48px; padding: 10px; }
  .demo-order-item { grid-template-columns: 64px minmax(0,1fr) auto; gap: 12px; padding-bottom: 16px; }
  .demo-order-item img { width: 64px; height: 64px; }
  .demo-complete dl div,.order-history article div,.mypage-profile { gap: 12px; flex-wrap: wrap; }
  .cart-list-title,.cart-row { grid-template-columns: minmax(0,1fr) 104px 90px; gap: 12px; padding: 16px 0; }
  .cart-row-product { grid-template-columns: 72px minmax(0,1fr); gap: 12px; }
  .cart-row-product img { width: 72px; height: auto; }
  .quantity-control { gap: 8px; }
  .quantity-control button { width: 32px; height: 36px; }
  .quantity-control span { min-width: 20px; }
  .item-remove { margin-top: 12px; padding-block: 6px; }
  .login-visual { min-height: 320px; padding: 32px 24px; }
  .login-panel { padding: 40px 20px; }
  .login-box { width: min(480px,100%); }
  .login-box form { margin-top: 28px; }
  .login-box form>label { margin-bottom: 20px; }
  .login-options,.join-block { flex-wrap: wrap; gap: 12px; margin-block: 24px; }

  footer,.renewal-footer,.page-footer { grid-template-columns: minmax(0,1fr); padding: 40px 24px; gap: 32px; }
  .renewal-footer { flex-direction: column; }
  .renewal-footer .renewal-footer-about { width: 100%; }
  footer img { width: 120px; }
  .renewal-footer .renewal-footer-about>img { width: 136px; height: 44px; margin: 0 0 6px -12px; }
  .renewal-footer .renewal-footer-about>i { width: 180px; height: 3px; margin: 7px 0 14px; }
  .renewal-footer .renewal-footer-contact p,.renewal-footer .renewal-footer-contact small { margin-bottom: 16px; }
  .renewal-footer-socials { gap: 16px; }
  .renewal-footer-socials a { width: 44px; height: 44px; }
  .renewal-youtube-icon { width: 22px; height: 15px; }
  .renewal-youtube-icon:after { left: 9px; top: 4px; border-top-width: 4px; border-bottom-width: 4px; border-left-width: 6px; }
  .renewal-instagram-icon { width: 21px; height: 21px; border-width: 2px; }
  .renewal-instagram-icon:before { width: 8px; height: 8px; border-width: 2px; }
  .renewal-instagram-icon:after { width: 3px; height: 3px; right: 3px; top: 3px; }
  .renewal-home-icon { width: 22px; height: 20px; }
  .scroll-shortcuts { right: 12px; bottom: 12px; gap: 8px; }
  .scroll-shortcuts button { width: 40px; height: 40px; }
  .detail-commerce-toast,.login-toast { max-width: calc(100% - 32px); right: 16px; bottom: 16px; padding: 14px 18px; }
}

@media (max-width: 767px) {
  .site-header { padding-inline: 10px !important; gap: 4px; }
  .wordmark { width: 90px; height: 30px; }
  .wordmark img { width: 90px !important; height: 90px !important; transform: translateY(-30.2px); }
  .header-actions .header-icon { width: 30px !important; min-width: 30px !important; }
  .community-grid,.community-list-grid,.episode-grid,.related-grid,.category-products-grid { grid-template-columns: minmax(0,1fr); }
  .demo-fields { grid-template-columns: minmax(0,1fr); }
  .cart-list-title,.cart-row { grid-template-columns: minmax(0,1fr) 90px; }
  .cart-list-title>:first-child,.cart-row-product { grid-column: 1/-1; }
  .quantity-control { justify-content: flex-start; }
  .demo-order-item { grid-template-columns: 56px minmax(0,1fr); }
  .demo-order-price { grid-column: 2; }
  .category-grid,.products,.shop-product-grid,.wishlist-grid,.recommend-grid { gap: 24px 12px; }
}

/* Keep each original font family/weight; add a mobile-only lower bound to vw font sizes.
   Scoped to the source stylesheet so unrelated page templates do not inherit these rules. */
@media (max-width: 1024px) {
  /* renewal-fluid.css */
  :where(html:has(link[href^="renewal-fluid.css" ])) .notice { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .menu-button span { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .header-actions { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .header-actions button { font-size: max(18px, 1.66667vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .header-actions span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .menu-close { font-size: max(29px, 2.63889vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .menu-inner > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .menu-inner nav a { font-size: max(21px, clamp(1.94444vw, 4vw, 3.33333vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .menu-inner nav span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .menu-note { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .hero-copy > p,:where(html:has(link[href^="renewal-fluid.css" ])) .intro > p,:where(html:has(link[href^="renewal-fluid.css" ])) .category header p,:where(html:has(link[href^="renewal-fluid.css" ])) .section-heading > p,:where(html:has(link[href^="renewal-fluid.css" ])) .film-banner p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .hero h1 { font-size: max(32px, clamp(2.91667vw, 4.8vw, 5.13889vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .hero-copy > span { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .hero-copy > a,:where(html:has(link[href^="renewal-fluid.css" ])) .film-banner a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .hero > small { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .intro h2,:where(html:has(link[href^="renewal-fluid.css" ])) .section-heading h2 { font-size: max(33px, clamp(3.05556vw, 5.2vw, 5.41667vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .values { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .category header h2 { font-size: max(29px, clamp(2.63889vw, 4vw, 4.30556vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .category header > a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .category-grid span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .category-grid h3 { font-size: max(14px, 1.25vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .category-grid p { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .products em { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .products h3 { font-size: max(13px, 1.18056vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .products p { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .products b { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .film-banner h2 { font-size: max(36px, clamp(3.47222vw, 6vw, 6.25vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .community-grid p { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .community-grid h3 { font-size: max(14px, 1.31944vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) footer h2 { font-size: max(29px, clamp(2.63889vw, 4vw, 4.30556vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) footer > div { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) footer small { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .hero h1,:where(html:has(link[href^="renewal-fluid.css" ])) .intro h2,:where(html:has(link[href^="renewal-fluid.css" ])) .category header h2,:where(html:has(link[href^="renewal-fluid.css" ])) .section-heading h2,:where(html:has(link[href^="renewal-fluid.css" ])) .film-banner h2 { font-size: max(34px, clamp(3.19444vw, 5vw, 5.13889vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .header-actions .header-icon > span { font-size: max(12px, 0.555556vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon i::before { font-size: max(22px, 2.01389vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .intro > span { font-size: max(17px, clamp(1.52778vw, 2.3vw, 2.5vw)); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon i::before { font-size: max(22px, 2.01389vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon i::before { font-size: max(23px, 2.15278vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon i::before { font-size: max(23px, 2.15278vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon i::before { font-size: max(19px, 1.73611vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon i::before { font-size: max(21px, 1.94444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon i::after { font-size: max(17px, 1.52778vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .wish-icon > i::before { font-size: max(25px, 2.36111vw) !important; }
  :where(html:has(link[href^="renewal-fluid.css" ])) footer .renewal-footer-info { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .renewal-footer .renewal-footer-about { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .renewal-footer .renewal-footer-about h2 { font-size: max(17px, 1.59722vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .renewal-footer .renewal-footer-about p { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .renewal-footer .renewal-footer-contact { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .renewal-footer .renewal-footer-contact small { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .menu-inner nav a { font-size: max(18px, clamp(1.66667vw, 3vw, 2.63889vw)) !important; }
  :where(html:has(link[href^="renewal-fluid.css" ])) .film-section .film-banner p { font-size: max(12px, 0.7vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .film-section .film-banner h2 { font-size: max(36px, 5vw); }
  :where(html:has(link[href^="renewal-fluid.css" ])) .scroll-shortcuts button { font-size: max(15px, 1.38889vw); }
  /* fluid-menu-page.css */
  :where(html:has(link[href^="fluid-menu-page.css" ])) .notice { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .menu-close { font-size: max(29px, 2.63889vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .menu-inner > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .menu-inner nav a { font-size: max(21px, clamp(1.94444vw, 4vw, 3.33333vw)); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .menu-inner nav span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .menu-note { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-hero p,:where(html:has(link[href^="fluid-menu-page.css" ])) .page-closing p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-hero h1 { font-size: max(36px, clamp(5vw, 11vw, 11.8056vw)); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-hero div > span { font-size: max(16px, clamp(1.45833vw, 2.4vw, 2.5vw)); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-hero > b { font-size: max(36px, clamp(6.25vw, 15vw, 15.9722vw)); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-intro p { font-size: max(21px, clamp(1.94444vw, 3.5vw, 3.61111vw)); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-intro span { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-grid article > span { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-grid article > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-grid h2 { font-size: max(21px, clamp(1.94444vw, 3vw, 3.125vw)); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-grid b { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-grid a { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-closing h2 { font-size: max(30px, clamp(2.77778vw, 6vw, 6.25vw)); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-closing a { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-footer h2 { font-size: max(17px, 1.59722vw); }
  :where(html:has(link[href^="fluid-menu-page.css" ])) .page-footer b,:where(html:has(link[href^="fluid-menu-page.css" ])) .page-footer p,:where(html:has(link[href^="fluid-menu-page.css" ])) .page-footer small { font-size: max(12px, 0.694444vw); }
  /* fluid-header-icons.css */
  /* fluid-shop-menu.css */
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .shop-page-header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .shop-page-header h1 { font-size: max(36px, clamp(4.02778vw, 7vw, 7.22222vw)); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .shop-page-header span { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .shop-product-copy p { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .shop-product-copy h2 { font-size: max(20px, 1.875vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .shop-product-copy span { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .shop-product-copy b { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .community-page-header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .community-page-header h1 { font-size: max(36px, clamp(4.02778vw, 7vw, 7.22222vw)); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .community-page-header span { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .community-list-card p { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .community-list-card h2 { font-size: max(17px, 1.52778vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-page-header p,:where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-story-title > p,:where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-ending > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-page-header h1 { font-size: max(36px, clamp(4.02778vw, 7vw, 7.22222vw)); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-page-header span { font-size: max(15px, 1.38889vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-story-title h2 { font-size: max(26px, clamp(2.43056vw, 3.7vw, 4.02778vw)); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-story-copy p { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-story-copy p:first-child::first-letter { font-size: max(36px, 4.02778vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-principles span { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-principles h3 { font-size: max(23px, 2.15278vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-principles p { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-ending h2 { font-size: max(27px, clamp(2.5vw, 4.4vw, 4.58333vw)); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .brand-ending span { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-page-header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-page-header h1 { font-size: max(36px, clamp(4.02778vw, 7vw, 7.22222vw)); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-page-header span { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-board-title { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-row button > span { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-row button em { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-row button strong { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-row button i { font-size: max(18px, 1.66667vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-answer b { font-size: max(13px, 1.18056vw); }
  :where(html:has(link[href^="fluid-shop-menu.css" ])) .faq-answer p { font-size: max(12px, 0.972222vw); }
  /* fluid-scroll-shortcuts.css */
  :where(html:has(link[href^="fluid-scroll-shortcuts.css" ])) .scroll-shortcuts button { font-size: max(15px, 1.38889vw); }
  /* fluid-detail.css */
  :where(html:has(link[href^="fluid-detail.css" ])) .notice { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .back { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .site-header nav { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .hero-visual > span { font-size: max(36px, clamp(4.86111vw, 10vw, 11.8056vw)); }
  :where(html:has(link[href^="fluid-detail.css" ])) .eyebrow,:where(html:has(link[href^="fluid-detail.css" ])) .story-heading > p,:where(html:has(link[href^="fluid-detail.css" ])) .ritual-title > p,:where(html:has(link[href^="fluid-detail.css" ])) .related header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .hero h1 { font-size: max(32px, clamp(2.91667vw, 5vw, 5.41667vw)); }
  :where(html:has(link[href^="fluid-detail.css" ])) .summary { font-size: max(12px, clamp(1.11111vw, 1.35vw, 1.45833vw)); }
  :where(html:has(link[href^="fluid-detail.css" ])) .meta { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .primary { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .story h2,:where(html:has(link[href^="fluid-detail.css" ])) .ritual h2,:where(html:has(link[href^="fluid-detail.css" ])) .related h2 { font-size: max(29px, clamp(2.63889vw, 4.5vw, 4.72222vw)); }
  :where(html:has(link[href^="fluid-detail.css" ])) .story-text { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .feature-grid span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .feature-grid h3 { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .feature-grid p { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .ritual li { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .ritual li b { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .related header h2 { font-size: max(27px, clamp(2.5vw, 4vw, 4.02778vw)); }
  :where(html:has(link[href^="fluid-detail.css" ])) .related header > a { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .related-grid span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) .related-grid h3 { font-size: max(14px, 1.25vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) footer h2 { font-size: max(17px, 1.59722vw); }
  :where(html:has(link[href^="fluid-detail.css" ])) footer b,:where(html:has(link[href^="fluid-detail.css" ])) footer p,:where(html:has(link[href^="fluid-detail.css" ])) footer small { font-size: max(12px, 0.694444vw); }
  /* fluid-detail-header.css */
  :where(html:has(link[href^="fluid-detail-header.css" ])) .wish-icon > i::before { font-size: max(25px, 2.36111vw) !important; }
  :where(html:has(link[href^="fluid-detail-header.css" ])) .menu-close { font-size: max(29px, 2.63889vw); }
  :where(html:has(link[href^="fluid-detail-header.css" ])) .menu-inner > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-header.css" ])) .menu-inner nav a { font-size: max(21px, clamp(1.94444vw, 4vw, 3.33333vw)); }
  :where(html:has(link[href^="fluid-detail-header.css" ])) .menu-inner nav span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail-header.css" ])) .menu-note { font-size: max(12px, 0.763889vw); }
  /* fluid-detail-footer.css */
  :where(html:has(link[href^="fluid-detail-footer.css" ])) .renewal-footer .renewal-footer-about { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-detail-footer.css" ])) .renewal-footer .renewal-footer-about h2 { font-size: max(17px, 1.59722vw); }
  :where(html:has(link[href^="fluid-detail-footer.css" ])) .renewal-footer .renewal-footer-about p { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-detail-footer.css" ])) .renewal-footer .renewal-footer-contact { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-detail-footer.css" ])) .renewal-footer .renewal-footer-contact p { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-detail-footer.css" ])) .renewal-footer .renewal-footer-contact small { font-size: max(12px, 0.694444vw); }
  /* fluid-detail-category-fix.css */
  /* fluid-menu-refine.css */
  :where(html:has(link[href^="fluid-menu-refine.css" ])) .menu-inner nav a { font-size: max(18px, clamp(1.66667vw, 3vw, 2.63889vw)) !important; }
  /* fluid-detail-shop-redesign.css */
  :where(html:has(link[href^="fluid-detail-shop-redesign.css" ])) .detail-shop .hero-copy .eyebrow { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-detail-shop-redesign.css" ])) .detail-shop .hero-copy h1 { font-size: max(29px, clamp(2.63889vw, 4vw, 4.44444vw)); }
  :where(html:has(link[href^="fluid-detail-shop-redesign.css" ])) .detail-shop .hero-copy .summary { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-detail-shop-redesign.css" ])) .detail-shop .shop-assurance span { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-shop-redesign.css" ])) .detail-shop .story-heading h2 { font-size: max(24px, clamp(2.22222vw, 4vw, 3.75vw)); }
  /* fluid-detail-shop-editorial.css */
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) .shop-editorial > header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) .shop-editorial > header h2 { font-size: max(27px, clamp(2.5vw, 4vw, 4.02778vw)); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) .shop-editorial > header span { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .hero-copy h1 { font-size: max(30px, clamp(2.77778vw, 5vw, 4.72222vw)); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info h2 { font-size: max(22px, clamp(2.08333vw, 3.2vw, 3.33333vw)); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info span { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info strong { font-size: max(18px, 1.66667vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .hero-copy h1 { font-size: max(17px, 1.52778vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info .nasal-product-kicker { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info h2 { font-size: max(22px, clamp(2.01389vw, 3vw, 3.05556vw)); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info .nasal-product-description { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info dt { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info dd { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info dl div:first-child dd { font-size: max(15px, 1.38889vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-product-info label { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-buy-button { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .nasal-detail-tabs span { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="fluid-detail-shop-editorial.css" ])) body.detail-id-nasal .hero-copy h1 { font-size: max(24px, 2.22222vw); }
  /* fluid-detail-category-guide.css */
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .guide-heading > p,:where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-faq header > p,:where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-product > div > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .guide-heading h2,:where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-faq h2,:where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-product h2 { font-size: max(29px, clamp(2.63889vw, 4.5vw, 4.72222vw)); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .recommend-grid b { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .recommend-grid p { font-size: max(14px, 1.25vw); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-product h2 { font-size: max(30px, clamp(2.77778vw, 4vw, 4.30556vw)); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-product span { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-product a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-faq header h2 { font-size: max(29px, clamp(2.63889vw, 4vw, 4.02778vw)); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-faq summary { font-size: max(13px, 1.18056vw); }
  :where(html:has(link[href^="fluid-detail-category-guide.css" ])) .care-faq details p { font-size: max(12px, 0.972222vw); }
  /* fluid-detail-category-nasal.css */
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-hero-copy > p,:where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-intro > p,:where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-routine header p,:where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-lookbook > div p,:where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-products header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-hero-copy h1 { font-size: max(36px, clamp(3.33333vw, 5vw, 5.27778vw)); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-hero-copy > span { font-size: max(13px, 1.18056vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-hero-copy > a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-powder-stack b { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-intro h2 { font-size: max(36px, clamp(3.61111vw, 5vw, 5.41667vw)); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-intro span,:where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-intro b { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-routine header h2,:where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-products header h2 { font-size: max(36px, clamp(3.33333vw, 5vw, 5vw)); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-routine header > span { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-routine-grid article > p { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-routine-grid h3 { font-size: max(22px, 2.08333vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-routine-grid article > span { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-powder-card b { font-size: max(18px, 1.66667vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-powder-card small { font-size: max(12px, 0.555556vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-lookbook h2 { font-size: max(36px, clamp(3.33333vw, 5vw, 5.27778vw)); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-lookbook span { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-lookbook a { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-product-grid p { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-product-grid h3 { font-size: max(19px, 1.73611vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-product-grid span { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-detail-category-nasal.css" ])) .nc-powder-product b { font-size: max(18px, 1.66667vw); }
  /* fluid-detail-category-products.css */
  :where(html:has(link[href^="fluid-detail-category-products.css" ])) .category-products-header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-detail-category-products.css" ])) .category-products-header h1 { font-size: max(36px, clamp(3.61111vw, 6vw, 6.38889vw)); }
  :where(html:has(link[href^="fluid-detail-category-products.css" ])) .category-products-header span { font-size: max(13px, 1.18056vw); }
  :where(html:has(link[href^="fluid-detail-category-products.css" ])) .category-product-image.is-empty span { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="fluid-detail-category-products.css" ])) .category-product-card > p { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-detail-category-products.css" ])) .category-product-card > h2 { font-size: max(20px, 1.875vw); }
  :where(html:has(link[href^="fluid-detail-category-products.css" ])) .category-product-card > b { font-size: max(12px, 0.625vw); }
  /* fluid-detail-powder-cutout.css */
  /* fluid-detail-commerce.css */
  :where(html:has(link[href^="fluid-detail-commerce.css" ])) .nasal-product-info .nasal-buy-button,:where(html:has(link[href^="fluid-detail-commerce.css" ])) .nasal-product-info .detail-commerce-actions button { font-size: max(12px, 0.972222vw) !important; }
  :where(html:has(link[href^="fluid-detail-commerce.css" ])) body.detail-id-nasal .nasal-product-info .detail-commerce-actions button span { font-size: max(12px, 0.972222vw) !important; }
  :where(html:has(link[href^="fluid-detail-commerce.css" ])) .detail-commerce-toast { font-size: max(12px, 0.763889vw); }
  /* fluid-wishlist.css */
  :where(html:has(link[href^="fluid-wishlist.css" ])) .notice { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .back-home { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-heading p,:where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-recommend header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-heading h1 { font-size: max(36px, clamp(4.02778vw, 7vw, 7.22222vw)); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-heading > span { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-count { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .empty-heart { font-size: max(36px, 4.02778vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-empty h2 { font-size: max(19px, 1.73611vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-empty p { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-empty a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .wishlist-recommend h2 { font-size: max(32px, 2.91667vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .recommend-grid span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) .recommend-grid h3 { font-size: max(14px, 1.31944vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) footer h2 { font-size: max(17px, 1.59722vw); }
  :where(html:has(link[href^="fluid-wishlist.css" ])) footer b,:where(html:has(link[href^="fluid-wishlist.css" ])) footer p,:where(html:has(link[href^="fluid-wishlist.css" ])) footer small { font-size: max(12px, 0.694444vw); }
  /* fluid-wishlist-items.css */
  :where(html:has(link[href^="fluid-wishlist-items.css" ])) .wishlist-grid span { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-wishlist-items.css" ])) .wishlist-grid h2 { font-size: max(14px, 1.31944vw); }
  /* fluid-remove-controls.css */
  :where(html:has(link[href^="fluid-remove-controls.css" ])) .item-remove { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-remove-controls.css" ])) .cart-row-price strong { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-remove-controls.css" ])) .quantity-control button { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-remove-controls.css" ])) .quantity-control span { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-remove-controls.css" ])) .demo-shipping { font-size: max(12px, 0.833333vw); }
  /* fluid-cart.css */
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-list-title { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-empty h2 { font-size: max(19px, 1.73611vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-empty p { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-empty a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .order-summary h2 { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .order-summary dl div { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .order-total { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .order-total b { font-size: max(17px, 1.59722vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .order-summary button { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .order-summary > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-row h3 { font-size: max(13px, 1.18056vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-row small { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-row > span { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-cart.css" ])) .cart-row > strong { font-size: max(12px, 0.972222vw); }
  /* fluid-demo-commerce.css */
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-heading p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-heading h1 { font-size: max(36px, 3.88889vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-heading span { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-badge { font-size: max(12px, 0.625vw) !important; }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-card h2 { font-size: max(19px, 1.73611vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-field b { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-field input,:where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-field select { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-check { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-button { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-order-item h3 { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-order-item small { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-order-item strong { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-total b { font-size: max(15px, 1.38889vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-payment label { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-note { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-complete .checkmark { font-size: max(25px, 2.36111vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-complete h1 { font-size: max(32px, 2.91667vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-complete p { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-complete dl div { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .demo-actions a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .mypage-profile p { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .order-history h3 { font-size: max(12px, 1.11111vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .order-history small { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-demo-commerce.css" ])) .login-box input:not([type="checkbox"]) { font-size: max(12px, 0.902778vw); }
  /* fluid-login.css */
  :where(html:has(link[href^="fluid-login.css" ])) .login-visual p,:where(html:has(link[href^="fluid-login.css" ])) .login-box > p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-visual h1 { font-size: max(35px, clamp(3.26389vw, 4.5vw, 5vw)); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-visual span { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-box > h2 { font-size: max(36px, 3.88889vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-box > span { font-size: max(12px, 0.972222vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-box label > b { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-box input[type="email"],:where(html:has(link[href^="fluid-login.css" ])) .login-box input[type="password"] { font-size: max(12px, 0.902778vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-options { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-box form > button { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .join-block p { font-size: max(12px, 0.833333vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .join-block a { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-box > small { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-login.css" ])) .login-toast { font-size: max(12px, 0.763889vw); }
  /* fluid-webtoon.css */
  :where(html:has(link[href^="fluid-webtoon.css" ])) .webtoon-archive-header p,:where(html:has(link[href^="fluid-webtoon.css" ])) .webtoon-reader-header p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .webtoon-archive-header h1 { font-size: max(36px, clamp(3.61111vw, 6vw, 6.38889vw)); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .webtoon-archive-header span { font-size: max(12px, 1.04167vw); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .episode-card small { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .episode-card h2 { font-size: max(16px, 1.45833vw); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .episode-card.is-upcoming .episode-cover::before { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .webtoon-reader-header a { font-size: max(12px, 0.625vw); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .webtoon-reader-header h1 { font-size: max(29px, clamp(2.63889vw, 4vw, 4.30556vw)); }
  :where(html:has(link[href^="fluid-webtoon.css" ])) .webtoon-reader-end a { font-size: max(12px, 0.694444vw); }
  /* fluid-drama.css */
  :where(html:has(link[href^="fluid-drama.css" ])) .drama-thumbnail-title strong { font-size: max(20px, clamp(1.875vw, 3vw, 2.98611vw)); }
  :where(html:has(link[href^="fluid-drama.css" ])) .drama-thumbnail-title span { font-size: max(12px, clamp(0.625vw, 0.85vw, 0.833333vw)); }
  /* fluid-film-player.css */
  :where(html:has(link[href^="fluid-film-player.css" ])) .film-back { font-size: max(12px, 0.763889vw); }
  :where(html:has(link[href^="fluid-film-player.css" ])) .film-heading p { font-size: max(12px, 0.694444vw); }
  :where(html:has(link[href^="fluid-film-player.css" ])) .film-heading h1 { font-size: max(18px, clamp(1.66667vw, 3vw, 3.125vw)); }
  :where(html:has(link[href^="fluid-film-player.css" ])) .film-error { font-size: max(12px, 0.902778vw); }
}