/* HangNgoaiShop 3.9.55.78 - Homepage CSS bundle. Generated from approved presentation layers; source order preserved. */ /* SOURCE: css/yhn-premium-system.css */ /** * Yêu Hàng Ngoại — Premium Visual System 3.9.53.5 * Visual layer only. No template, SEO, schema or commerce behavior changes. */ :root{ --yhn-brand:#d4146f; --yhn-brand-dark:#a81258; --yhn-brand-soft:#fff4f8; --yhn-ink:#221c1f; --yhn-muted:#71686d; --yhn-line:#ebe5e7; --yhn-paper:#fff; --yhn-warm:#faf8f7; --yhn-gold:#b48a54; --yhn-radius:12px; --yhn-shadow:0 12px 34px rgba(50,35,42,.07); } body{ color:var(--yhn-ink); background:#fff; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } body :where(h1,h2,h3,h4){letter-spacing:-.025em} body :where(p,li){text-wrap:pretty} /* Header: preserve the signature pink navigation and reduce visual noise. */ .header-main{border-bottom:1px solid rgba(45,28,36,.055)} .header-bottom{box-shadow:none!important} .header-bottom-nav>li>a{letter-spacing:.01em} .header-bottom-nav>li>a:hover{opacity:.82} .header-search-form .search-field, .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{ border-color:#e8e1e4!important; box-shadow:none!important; } .nav-dropdown{ border-color:#ece5e8!important; box-shadow:0 18px 48px rgba(43,27,35,.12)!important; } /* Shared section rhythm and restrained heading accents. */ .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2, .shop-page-title .page-title-inner h1, .archive .page-title h1{ position:relative; color:var(--yhn-ink)!important; } .yhn-home-premium .yhn-home-section__heading h2:after, .yhn-home-premium .yhn-home-reasons h2:after{ content:""; display:block; width:34px; height:2px; margin-top:9px; background:var(--yhn-brand); } .yhn-home-premium .yhn-home-section__heading{ align-items:flex-end!important; margin-bottom:22px!important; } .yhn-home-premium .yhn-home-section__heading>a{ color:#5d5358!important; font-weight:600!important; } /* Homepage: editorial pacing instead of repeated template blocks. */ .yhn-home-premium{--yhn-rose:var(--yhn-brand);background:#fff!important} .yhn-home-premium .yhn-home-shell{max-width:1240px} .yhn-home-premium .yhn-home-hero{ border-bottom:1px solid #f0e7e9; box-shadow:none!important; } .yhn-home-premium .yhn-home-hero__copy{max-width:540px} .yhn-home-premium .yhn-home-hero h1{ color:#211a1d!important; font-family:Georgia,"Times New Roman",serif!important; font-weight:500!important; letter-spacing:-.045em!important; } .yhn-home-premium .yhn-home-eyebrow{ color:#7b5c45!important; letter-spacing:.2em!important; } .yhn-home-premium .yhn-home-categories, .yhn-home-premium .yhn-home-bestsellers, .yhn-home-premium .yhn-home-new, .yhn-home-premium .yhn-home-brands, .yhn-home-premium .yhn-home-news, .yhn-home-premium .yhn-home-reasons{padding-top:46px;padding-bottom:46px} .yhn-home-premium .yhn-home-new, .yhn-home-premium .yhn-home-news{background:var(--yhn-warm)} .yhn-home-premium .yhn-home-category-card, .yhn-home-premium .yhn-home-product-card, .yhn-home-premium .yhn-home-news-card{ border-color:var(--yhn-line)!important; border-radius:var(--yhn-radius)!important; box-shadow:none!important; } .yhn-home-premium .yhn-home-category-card, .yhn-home-premium .yhn-home-product-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .yhn-home-premium .yhn-home-category-card:hover, .yhn-home-premium .yhn-home-product-card:hover{ transform:translateY(-3px); border-color:#dfd1d6!important; box-shadow:var(--yhn-shadow)!important; } .yhn-home-premium .yhn-home-product-card__image{background:#fcfbfb!important} .yhn-home-premium .yhn-home-product-card__badge{ border-radius:4px!important; box-shadow:none!important; letter-spacing:.035em; } .yhn-home-premium .yhn-home-brand-grid{ border:1px solid var(--yhn-line); border-radius:var(--yhn-radius); overflow:hidden; } .yhn-home-premium .yhn-home-brand-grid a{ border-color:var(--yhn-line)!important; min-height:82px; background:#fff; } /* Product/category archives: keep sidebar, clarify the catalog hierarchy. */ .post-type-archive-product .shop-container, .tax-product_cat .shop-container, .tax-product_tag .shop-container{padding-top:24px} .post-type-archive-product .widget, .tax-product_cat .widget, .tax-product_tag .widget, .single-product .product-sidebar .widget{ border-color:var(--yhn-line)!important; border-radius:10px!important; box-shadow:none!important; } .post-type-archive-product .widget-title, .tax-product_cat .widget-title, .tax-product_tag .widget-title, .single-product .product-sidebar .widget-title{ color:var(--yhn-ink); letter-spacing:.01em; } .products .product-small .box{ border:1px solid var(--yhn-line)!important; border-radius:var(--yhn-radius)!important; background:#fff; box-shadow:none!important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; } .products .product-small .box:hover{ transform:translateY(-3px); border-color:#dfd2d7!important; box-shadow:var(--yhn-shadow)!important; } .products .product-small .box-image{background:#fbfafa} .products .product-small .box-text{padding:14px 14px 16px!important} .products .product-small .product-title{line-height:1.48;min-height:2.96em} .products .product-small .price{margin-top:7px} .products .product-small .badge-container{margin:10px 0 0 10px} .products .product-small .badge-inner{border-radius:4px!important;box-shadow:none!important} .custom-tax-description{ max-width:820px; margin:44px auto 34px!important; padding:32px 38px!important; border-color:var(--yhn-line)!important; border-radius:var(--yhn-radius)!important; box-shadow:none!important; color:#554d51; } .custom-tax-description h2{font-family:Georgia,"Times New Roman",serif;font-weight:500!important;color:var(--yhn-ink)} /* Product detail: one clear commerce column, fewer competing boxes. */ .single-product #main{background:#fff} .single-product .product-main{padding-top:22px} .single-product .product-gallery, .single-product .product-info{ border-color:var(--yhn-line)!important; box-shadow:none!important; } .single-product .product-info{padding:28px 30px!important} .single-product .product-info h1{ color:var(--yhn-ink)!important; font-size:28px!important; line-height:1.3!important; font-weight:650!important; } .single-product .product-info .price{ color:var(--yhn-brand)!important; font-size:27px!important; letter-spacing:-.03em; } .single-product .variations, .single-product form.cart, .single-product .product-short-description{border-color:var(--yhn-line)!important} .single-product .single_add_to_cart_button{ min-height:48px; border-radius:7px!important; font-weight:750!important; letter-spacing:.025em; box-shadow:none!important; } .single-product .yhn-offer-box, .single-product .yhn-commitment-box, .single-product .yhn-product-benefits, .single-product .yhn-product-trust{ border-color:#eadfe3!important; background:#fffafb!important; box-shadow:none!important; } .single-product .woocommerce-tabs, .single-product .product-footer .woocommerce-tabs{ border:1px solid var(--yhn-line)!important; border-radius:var(--yhn-radius)!important; box-shadow:none!important; overflow:hidden; } .single-product .woocommerce-tabs .panel{max-width:790px;margin-left:auto!important;margin-right:auto!important;padding:38px 34px!important} .single-product .woocommerce-tabs .panel :where(p,li){font-size:15.5px;line-height:1.82;color:#4f484b} .single-product .woocommerce-tabs .panel h2, .single-product .woocommerce-tabs .panel h3{ font-family:Georgia,"Times New Roman",serif; font-weight:500; color:var(--yhn-ink); } .single-product .related-products-wrapper{margin-top:48px} /* Brand landing: retain actual brand identity, align chrome with YHN. */ .yhn-bl{ --bl-blue:var(--yhn-brand); --bl-blue2:var(--yhn-brand-soft); --bl-ink:var(--yhn-ink); --bl-line:var(--yhn-line); --bl-soft:var(--yhn-warm); } .yhn-bl-hero, .yhn-bl-story, .yhn-bl-collection, .yhn-bl-need{border-radius:var(--yhn-radius)!important;box-shadow:none!important} .yhn-bl-hero{ background:radial-gradient(circle at 84% 14%,rgba(212,20,111,.08),transparent 23%),linear-gradient(118deg,#fff 0,#fdf9fa 52%,#f7f1f3 100%)!important; } .yhn-bl-hero h1, .yhn-bl-story h2{font-weight:500!important} .yhn-bl-hero-identity, .yhn-bl-story-art{background:linear-gradient(145deg,#faf7f8,#f3edef)!important} .yhn-bl-identity-mountain--back{background:rgba(180,138,84,.09)!important} .yhn-bl-identity-mountain--front{background:rgba(212,20,111,.055)!important} .yhn-bl-product-grid .yhn-pc-card{border-radius:var(--yhn-radius)!important} /* A–Z directory: reduce the generated-card feeling while retaining filters. */ .yhn-bd{--bd-blue:var(--yhn-brand);--bd-line:var(--yhn-line);--bd-ink:var(--yhn-ink)} .yhn-bd-hero, .yhn-bd-featured-card, .yhn-bd-cta{border-radius:var(--yhn-radius)!important;box-shadow:none!important} .yhn-bd-list-card{ border:0!important; border-bottom:1px solid var(--yhn-line)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .yhn-bd-list-card:hover{background:var(--yhn-brand-soft)!important;transform:none!important} .yhn-bd-tools{border-color:var(--yhn-line)!important;box-shadow:none!important} /* Editorial/blog detail: calm reading measure and human editorial rhythm. */ .single-post .article-inner{ border:0!important; box-shadow:none!important; background:#fff; } .single-post .entry-header, .single-post .entry-content, .single-post .entry-footer{max-width:790px;margin-left:auto;margin-right:auto} .single-post .entry-header{padding-top:18px;text-align:left} .single-post .entry-title{ font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(32px,4vw,48px)!important; line-height:1.14!important; font-weight:500!important; color:var(--yhn-ink)!important; } .single-post .entry-divider{margin-left:0;background:var(--yhn-brand);width:40px} .single-post .entry-content{font-size:16px;line-height:1.86;color:#494145} .single-post .entry-content :where(h2,h3){font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--yhn-ink);margin-top:1.7em} .single-post .entry-content h2{font-size:29px} .single-post .entry-content h3{font-size:23px} .single-post .entry-content img{border-radius:8px;box-shadow:none} .single-post .entry-content blockquote{ margin:28px 0; padding:18px 24px; border-left:2px solid var(--yhn-gold); background:var(--yhn-warm); color:#50464b; font-family:Georgia,"Times New Roman",serif; } /* Footer: quieter separation; classic structure remains untouched. */ .footer-2{border-top:1px solid rgba(255,255,255,.08)} .absolute-footer{border-top:1px solid rgba(255,255,255,.09)} @media (max-width:849px){ .yhn-home-premium .yhn-home-categories, .yhn-home-premium .yhn-home-bestsellers, .yhn-home-premium .yhn-home-new, .yhn-home-premium .yhn-home-brands, .yhn-home-premium .yhn-home-news, .yhn-home-premium .yhn-home-reasons{padding-top:32px;padding-bottom:32px} .single-product .product-info{padding:20px 18px!important} .single-product .product-info h1{font-size:23px!important} .single-product .woocommerce-tabs .panel{padding:28px 20px!important} .custom-tax-description{padding:25px 22px!important} } @media (max-width:549px){ :root{--yhn-radius:10px} .yhn-home-premium .yhn-home-section__heading{margin-bottom:17px!important} .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2{font-size:20px!important;line-height:1.25!important} .yhn-home-premium .yhn-home-category-card:hover, .yhn-home-premium .yhn-home-product-card:hover, .products .product-small .box:hover{transform:none;box-shadow:none!important} .products .product-small .box-text{padding:11px 10px 13px!important} .single-post .entry-title{font-size:31px!important} .single-post .entry-content{font-size:15.5px;line-height:1.8} .single-post .entry-content h2{font-size:25px} .single-post .entry-content h3{font-size:21px} } @media (prefers-reduced-motion:reduce){ .yhn-home-premium *, .products .product-small .box{scroll-behavior:auto!important;transition:none!important;animation:none!important} } /* SOURCE: css/yhn-site-core-395575.css */ /* YHN 3.9.55.75 — context split from legacy yhn-site.css; selector declarations unchanged. */ /* Blog search form */ .tintuc-post-search, .post-search-on-results{ max-width: 820px; margin: 10px auto; } .yhng-search-input{ width: 100%; padding: 14px 18px; border-radius: 10px; border: 1px solid #ddd; font-size: 16px; background: #fff; } .yhng-search-input:focus{ outline: none; border-color: #fe259a; box-shadow: 0 0 0 3px rgba(254,37,154,.08); } /* Smart chips */ .yhng-smart-chips{ max-width: 820px; margin: 8px auto 18px; padding: 0 2px; } .yhng-chip-row{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .yhng-chip-label{ font-size: 13px; opacity: .7; margin-right: 2px; } .yhng-chip{ display: inline-block; padding: 7px 10px; border-radius: 999px; border: 1px solid #e8e8e8; background: #fff; font-size: 13px; line-height: 1; text-decoration: none; color: #5d5660; transition: all .2s ease; } .yhng-chip:hover{ color: #fe259a; border-color: #f3cfe1; background: #fff6fb; } .yhng-chip-empty{ font-size: 13px; opacity: .75; } .yhng-chip-link{ text-decoration: underline; color: #c95a97; } .yhng-chip-link:hover{ color: #fe259a; } @media (max-width: 849px){ .tintuc-post-search, .post-search-on-results, .yhng-smart-chips{ max-width: 100%; } .yhng-search-input{ font-size: 14px; padding: 12px 14px; } } /* ========================================================= YEUHANGNGOAI - FINAL MASTER CSS CLEAN Homepage + Product + Archive/Category + Footer + Blog Archive Bản đã làm sạch hoàn chỉnh ========================================================= */ :root{ --pink: #fe259a; --pink-2: #ff5aae; --pink-dark: #d94b93; --pink-hover: #e83f97; --pink-soft: #fff8fb; --pink-soft-2: #fff3f8; --pink-soft-3: #fff1f7; --bg-soft: #fffdfd; --bg-soft-2: #fffafb; --bg-soft-3: #fffefe; --line: #f2e9ee; --line-2: #f0e4eb; --line-3: #ece5eb; --line-4: #efe1e8; --text: #2f2f36; --text-2: #3f3f46; --text-3: #544f58; --text-4: #6d6670; --muted: #7a7078; --shadow-xs: 0 3px 10px rgba(30,20,30,.04); --shadow-sm: 0 8px 22px rgba(30,20,30,.05); --shadow-md: 0 14px 34px rgba(30,20,30,.07); --shadow-lg: 0 18px 44px rgba(30,20,30,.08); --radius-sm: 10px; --radius: 16px; --radius-lg: 18px; --radius-xl: 22px; --radius-2xl: 24px; --trans: all .24s ease; } 2) MENU HOVER ========================================================= */ #wide-nav .nav-dropdown{ background: var(--bg-soft) !important; border: 1px solid #f0e6ec !important; border-radius: var(--radius) !important; box-shadow: 0 14px 34px rgba(25,25,25,.08) !important; } #wide-nav .nav-dropdown::before{ content: none !important; display: none !important; } #wide-nav .nav-dropdown > li > a, #wide-nav .nav-dropdown .nav-column > li > a, #wide-nav .nav-dropdown li a, #wide-nav .nav-dropdown li a span{ color: var(--text-2) !important; background: transparent !important; opacity: 1 !important; } #wide-nav .nav-dropdown > li > a:hover, #wide-nav .nav-dropdown .nav-column > li > a:hover, #wide-nav .nav-dropdown > li:hover > a, #wide-nav .nav-dropdown .nav-column > li:hover > a{ background: var(--pink-soft-2) !important; color: var(--pink-hover) !important; opacity: 1 !important; text-shadow: none !important; } #wide-nav .nav-dropdown li a:hover, #wide-nav .nav-dropdown li a:hover span{ color: var(--pink-hover) !important; } #wide-nav .nav-dropdown li.current-menu-item > a, #wide-nav .nav-dropdown li.current_page_item > a, #wide-nav .nav-dropdown li.current-menu-parent > a{ background: #fff0f7 !important; color: var(--pink-hover) !important; box-shadow: inset 2px 0 0 var(--pink) !important; } #wide-nav .nav-dropdown .ux-menu-icon, #wide-nav .nav-dropdown > li > a:hover .ux-menu-icon, #wide-nav .nav-dropdown .nav-column > li > a:hover .ux-menu-icon, #wide-nav .nav-dropdown > li:hover > a .ux-menu-icon, #wide-nav .nav-dropdown .nav-column > li:hover > a .ux-menu-icon{ opacity: 1 !important; filter: none !important; } /* ========================================================= 7) FOOTER DEFAULT FLATSOME ========================================================= */ #footer .footer-widgets.footer.footer-2{ background: linear-gradient(180deg, #8a8a8f 0%, #737379 100%) !important; color: rgba(255,255,255,.88) !important; padding: 34px 0 28px !important; border-top: 1px solid rgba(255,255,255,.08) !important; } #footer .footer-widgets.footer.footer-2 .row{ max-width: 1280px !important; margin: 0 auto !important; } #footer .footer-widgets.footer.footer-2 .col{ padding-left: 18px !important; padding-right: 18px !important; } #footer .footer-widgets.footer.footer-2 .widget{ margin-bottom: 0 !important; } #footer .footer-widgets.footer.footer-2 .widget-title{ display: block !important; margin: 0 0 10px !important; color: #ffffff !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .3px !important; text-transform: uppercase !important; } #footer .footer-widgets.footer.footer-2 .is-divider.small{ width: 46px !important; max-width: 46px !important; height: 3px !important; margin: 0 0 16px !important; background: linear-gradient(90deg, #fe259a 0%, #ffc2df 100%) !important; border-radius: 999px !important; opacity: 1 !important; } #footer .footer-widgets.footer.footer-2, #footer .footer-widgets.footer.footer-2 p, #footer .footer-widgets.footer.footer-2 li, #footer .footer-widgets.footer.footer-2 span, #footer .footer-widgets.footer.footer-2 .textwidget{ color: rgba(255,255,255,.88) !important; font-size: 14px !important; line-height: 1.9 !important; } #footer .footer-widgets.footer.footer-2 a{ color: #ffffff !important; text-decoration: none !important; transition: all .22s ease !important; } #footer .footer-widgets.footer.footer-2 a:hover{ color: #ffd0e7 !important; } #footer #custom_html-6 .textwidget{ max-width: 100% !important; } #footer #custom_html-6 strong{ color: #ffffff !important; font-weight: 800 !important; } #footer #custom_html-6 a{ color: #ffd6ea !important; font-weight: 700 !important; } #footer #custom_html-3 .button, #footer #custom_html-3 .button.is-link, #footer #custom_html-3 .button.secondary.is-link{ display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 40px !important; margin: 0 0 8px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: rgba(255,255,255,.92) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; text-transform: none !important; opacity: 1 !important; } #footer #custom_html-3 .button:last-child{ margin-bottom: 0 !important; } #footer #custom_html-3 .button .icon{ width: 28px !important; height: 28px !important; min-width: 28px !important; margin-right: 10px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,.12) !important; color: #ffffff !important; } #footer #custom_html-3 .button:hover{ color: #ffd6ea !important; transform: translateX(2px); } #footer #custom_html-4 ul{ margin: 0 !important; padding: 0 !important; list-style: none !important; } #footer #custom_html-4 li{ margin: 0 !important; padding: 0 !important; list-style: none !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; } #footer #custom_html-4 li:last-child{ border-bottom: 0 !important; } #footer #custom_html-4 li::before, #footer #custom_html-4 .bullet-arrow::before{ content: none !important; display: none !important; } #footer #custom_html-4 li a{ display: flex !important; align-items: center !important; min-height: 42px !important; color: rgba(255,255,255,.9) !important; } #footer #custom_html-4 li a::before{ content: "→"; color: #ffd0e7; font-size: 12px; font-weight: 700; margin-right: 10px; } #footer #custom_html-4 li a:hover{ color: #ffd6ea !important; transform: translateX(3px); } #footer #custom_html-5 iframe{ display: block !important; width: 100% !important; max-width: 100% !important; min-height: 210px !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 14px !important; background: #fff !important; } #footer .absolute-footer{ background: linear-gradient(180deg, #3d3940 0%, #2b2830 100%) !important; border-top: 1px solid rgba(255,255,255,.06) !important; padding: 14px 0 12px !important; } #footer .absolute-footer .container{ max-width: 1280px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; } #footer .absolute-footer .footer-primary, #footer .absolute-footer .footer-secondary{ float: none !important; } #footer .absolute-footer .footer-primary{ display: flex !important; flex-direction: column !important; gap: 8px !important; } #footer .absolute-footer .footer-secondary{ display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; } #footer .absolute-footer .footer-nav{ display: flex !important; flex-wrap: wrap !important; gap: 10px 18px !important; margin: 0 !important; padding: 0 !important; } #footer .absolute-footer .footer-nav li{ margin: 0 !important; } #footer .absolute-footer .footer-nav a{ color: rgba(255,255,255,.78) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .2px !important; text-transform: none !important; } #footer .absolute-footer .footer-nav a:hover{ color: #fff !important; } #footer .absolute-footer .copyright-footer{ color: rgba(255,255,255,.82) !important; font-size: 12.5px !important; } #footer .absolute-footer .payment-icons{ display: flex !important; align-items: center !important; gap: 8px !important; } #footer .absolute-footer .payment-icon{ opacity: .9; transform: scale(.94); transform-origin: center; } #footer .absolute-footer .footer-text img{ max-height: 22px !important; width: auto !important; opacity: .95 !important; } @media (max-width: 849px){ #footer .footer-widgets.footer.footer-2{ padding: 22px 0 18px !important; } #footer .footer-widgets.footer.footer-2 .col{ padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 18px !important; } #footer .footer-widgets.footer.footer-2 .widget-title{ font-size: 17px !important; } #footer #custom_html-5 iframe{ min-height: 190px !important; } #footer .absolute-footer .container{ flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; } #footer .absolute-footer .footer-secondary{ order: 2; } #footer .absolute-footer .footer-primary{ order: 1; width: 100% !important; } #footer .absolute-footer .footer-nav{ gap: 8px 12px !important; } } /* ========================================================= FOOTER MENU - FINAL CLEAN ========================================================= */ #footer .absolute-footer .footer-primary{ gap: 10px !important; } #footer #menu-footer-links{ display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #footer #menu-footer-links li{ position: relative; margin: 0 !important; padding: 0 !important; list-style: none !important; } #footer #menu-footer-links li:not(:last-child)::after{ content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 12px; border-radius: 999px; background: rgba(255,255,255,.24); vertical-align: middle; } #footer #menu-footer-links a{ display: inline !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: rgba(255,255,255,.78) !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.6 !important; letter-spacing: .1px !important; text-transform: none !important; text-decoration: none !important; transition: color .2s ease !important; } #footer #menu-footer-links a:hover{ color: #fff !important; } #footer .absolute-footer .copyright-footer{ color: rgba(255,255,255,.78) !important; font-size: 12px !important; line-height: 1.5 !important; } @media (max-width: 849px){ #footer .absolute-footer{ padding: 14px 0 16px !important; } #footer .absolute-footer .container{ flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 12px !important; } #footer .absolute-footer .footer-primary, #footer .absolute-footer .footer-secondary{ width: 100% !important; float: none !important; text-align: center !important; } #footer .absolute-footer .footer-primary{ order: 1; align-items: center !important; } #footer .absolute-footer .copyright-footer{ order: 2; width: 100% !important; text-align: center !important; } #footer .absolute-footer .footer-secondary{ order: 3; justify-content: center !important; } #footer #menu-footer-links{ justify-content: center !important; max-width: 92% !important; margin: 0 auto !important; } #footer #menu-footer-links li:not(:last-child)::after{ margin: 0 9px; } #footer #menu-footer-links a{ font-size: 11px !important; line-height: 1.7 !important; } #footer .absolute-footer .payment-icons{ justify-content: center !important; width: 100% !important; } } /* ========================================================= 3.9.9.6 — CLASSIC TRUST FOOTER — LEADING ARROWS Content refresh only. Preserve the original dark footer design. ========================================================= */ #footer .footer-widgets.footer.footer-2 .yhn-footer-widget strong{color:#fff !important;font-weight:700 !important;} #footer .footer-widgets.footer.footer-2 .yhn-footer-about p{margin-bottom:8px !important;line-height:1.65 !important;} #footer .footer-widgets.footer.footer-2 .yhn-footer-more{margin-top:10px !important;} #footer .footer-widgets.footer.footer-2 .yhn-footer-more a{color:#ffd6ea !important;font-weight:700 !important;} #footer .yhn-footer-classic-links{margin:0 !important;padding:0 !important;list-style:none !important;} #footer .yhn-footer-classic-links li{margin:0 !important;padding:0 !important;list-style:none !important;border-bottom:1px solid rgba(255,255,255,.10) !important;} #footer .yhn-footer-classic-links li:last-child{border-bottom:0 !important;} #footer .yhn-footer-classic-links li::before{display:none !important;content:none !important;} #footer .yhn-footer-classic-links a{display:flex !important;align-items:center !important;min-height:38px !important;color:rgba(255,255,255,.90) !important;font-weight:500 !important;line-height:1.45 !important;} #footer .yhn-footer-arrow{display:inline-block !important;flex:0 0 auto !important;color:#ffd0e7 !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;margin-right:8px !important;transform:translateY(-.5px);} #footer .yhn-footer-more a{display:inline-flex !important;align-items:center !important;} #footer .yhn-footer-classic-links a:hover{color:#ffd6ea !important;transform:translateX(2px) !important;} #footer .yhn-footer-contact p{margin:0 0 8px !important;line-height:1.65 !important;} #footer .yhn-footer-contact .yhn-footer-social-text{margin-top:10px !important;} #footer .yhn-footer-contact .yhn-footer-social-text a{color:#ffd6ea !important;font-weight:600 !important;} @media (max-width:849px){ #footer .footer-widgets.footer.footer-2 .yhn-footer-col{margin-bottom:18px !important;} } /* 3.9.25 — Mobile Production Polish: global chrome + floating controls. Responsive-only; no footer architecture, desktop composition or schema changes. */ @media(max-width:549px){ /* Keep floating utility controls useful without covering product cards/content. */ .hotline-phone-ring-wrap{left:8px!important;bottom:14px!important;transform:scale(.82)!important;transform-origin:left bottom!important} .hotline-phone-ring,.phone-ring{transform:scale(.9)!important;transform-origin:center!important} .hotline-bar{display:none!important} .back-to-top,.back-to-top.active,.button.icon.circle.back-to-top{ right:10px!important;bottom:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important; line-height:40px!important;opacity:.72!important } /* Flatsome mobile header: trim vertical chrome, keep the same structure/branding. */ #header .header-main{min-height:62px!important;height:auto!important} #header .header-main .header-inner{min-height:62px!important} #header .header-main .nav>li>a{min-height:44px!important} #header .search-form .search-field,#header .searchform .search-field{min-height:44px!important;height:44px!important} #header .header-search-form-wrapper{padding-top:7px!important;padding-bottom:7px!important} /* Footer remains the locked classic footer; only tighten mobile reading rhythm. */ #footer .footer-widgets.footer.footer-2 .yhn-footer-widget{font-size:13px!important;line-height:1.55!important} #footer .footer-widgets.footer.footer-2 .yhn-footer-about p,#footer .yhn-footer-contact p{line-height:1.58!important} #footer .yhn-footer-classic-links a{min-height:35px!important;line-height:1.4!important} } /* 3.9.26 — Mobile utility-control collision guard. */ @media(max-width:549px){ .hotline-phone-ring-wrap{left:6px!important;bottom:8px!important;transform:scale(.74)!important;transform-origin:left bottom!important} .hotline-phone-ring,.phone-ring{transform:scale(.84)!important} .back-to-top,.back-to-top.active,.button.icon.circle.back-to-top{ right:8px!important;bottom:10px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;line-height:36px!important;opacity:.62!important } } /* 3.9.53.7 — Mobile collapsed-description handoff to related products. */ @media (max-width:549px){ .single-product #tab-description:has(>.desc-readmore-wrap.is-collapsed), .single-product .woocommerce-Tabs-panel--description:has(>.desc-readmore-wrap.is-collapsed){padding-bottom:12px!important} } /* SOURCE: css/yhn-site-home-395575.css */ /* YHN 3.9.55.75 — context split from legacy yhn-site.css; selector declarations unchanged. */ 8) HOMEPAGE - CLEAN MERGED POLISH ========================================================= */ .home #main, .home .shop-page, .home .page-wrapper{ background: #fffdfd; } .home .section{ padding-top: 26px !important; padding-bottom: 26px !important; } .home .section + .section{ margin-top: 0 !important; } .home .section.product-section{ padding-top: 34px !important; padding-bottom: 34px !important; } .home .section.product-section + .section.product-section{ border-top: 1px solid #f6edf2; } .home .section:last-of-type{ padding-bottom: 34px !important; } .home .banner, .home .banner-grid, .home .slider-wrapper{ border-radius: 0 !important; } .home .has-hover .bg, .home .banner .bg{ transition: transform .45s ease, opacity .3s ease !important; } .home .banner:hover .bg{ transform: scale(1.01); } .home .section-title, .home .section-title-main, .home .product-section-title, .home .woocommerce-loop-category__title{ color: #2f2f36 !important; } .home .section-title-container{ margin-bottom: 18px !important; } .home .section-title-normal span, .home .section-title-main{ position: relative; display: inline-block; font-size: 19px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: .2px !important; text-transform: uppercase !important; } .home .section-title-normal span::after, .home .section-title-main::after{ content: ""; display: block; width: 42px; height: 3px; margin-top: 8px; border-radius: 999px; background: linear-gradient(90deg, #fe259a 0%, #ffc2de 100%); } .home .section-title a, .home .section-title-link, .home .button.is-link{ color: #8b7f88 !important; font-size: 12px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: .15px !important; } .home .section-title a:hover, .home .section-title-link:hover{ color: #fe259a !important; } .home .products .product-small.col, .home .product-small.col{ padding-left: 10px !important; padding-right: 10px !important; margin-bottom: 22px !important; } .home .products .box, .home .product-small .box{ height: 100% !important; background: #fff !important; border: 1px solid #f3ebf0 !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 6px 18px rgba(25,25,25,.04) !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } .home .products .box:hover, .home .product-small .box:hover{ transform: translateY(-3px); border-color: #edd9e5 !important; box-shadow: 0 14px 28px rgba(25,25,25,.08) !important; } .home .products .box-image, .home .product-small .box-image{ margin: 0 !important; overflow: hidden !important; } .home .products .box-image img, .home .product-small .box-image img{ display: block !important; width: 100% !important; border-radius: 0 !important; transition: transform .3s ease, opacity .2s ease !important; } .home .products .box:hover .box-image img, .home .product-small .box:hover .box-image img{ transform: scale(1.03); } .home .products .box-text, .home .product-small .box-text{ padding: 12px 12px 15px !important; text-align: center !important; } .home .products .title-wrapper, .home .product-small .title-wrapper{ min-height: 48px !important; margin-bottom: 8px !important; } .home .products .name, .home .products .woocommerce-loop-product__title, .home .product-small .name, .home .product-small .woocommerce-loop-product__title{ font-size: 14px !important; line-height: 1.5 !important; font-weight: 600 !important; color: #2f2f36 !important; } .home .products .name a, .home .products .woocommerce-loop-product__title a, .home .product-small .name a, .home .product-small .woocommerce-loop-product__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #2f2f36 !important; text-decoration: none !important; } .home .products .name a:hover, .home .products .woocommerce-loop-product__title a:hover, .home .product-small .name a:hover, .home .product-small .woocommerce-loop-product__title a:hover{ color: #d94b93 !important; } .home .products .price-wrapper, .home .product-small .price-wrapper{ margin-top: 4px !important; } .home .products .price, .home .product-small .price{ color: #fe259a !important; font-size: 14.5px !important; line-height: 1.4 !important; font-weight: 800 !important; } .home .products .price del, .home .product-small .price del{ margin-right: 4px; opacity: .5; color: #8f8590 !important; } .home .products .price ins, .home .product-small .price ins{ text-decoration: none !important; } .home .onsale, .home .badge-circle .badge-inner{ background: linear-gradient(135deg, #fe259a 0%, #ff5aae 100%) !important; box-shadow: 0 6px 16px rgba(254,37,154,.18) !important; } .home .cart-icon, .home .products .button, .home .product-small .button{ border-radius: 999px !important; } .home .cart-icon{ background: #fff !important; color: #fe259a !important; border: 1px solid #f1dce8 !important; box-shadow: 0 4px 12px rgba(20,20,20,.08) !important; } .home .cart-icon:hover{ background: #fe259a !important; color: #fff !important; border-color: #fe259a !important; } .home .product-section{ position: relative; } .home .product-section > .section-content{ position: relative; } .home .logo-section, .home .section.brands-section{ padding-top: 10px !important; padding-bottom: 14px !important; } .home .logo-section, .home .section.has-bg, .home .section.brands-section{ position: relative; } .home .logo-section .row, .home .section.brands-section .row{ align-items: center !important; } .home .logo-section img, .home .section.brands-section img{ opacity: .82 !important; filter: grayscale(8%); transition: opacity .22s ease, transform .22s ease, filter .22s ease !important; } .home .logo-section img:hover, .home .section.brands-section img:hover{ opacity: 1 !important; filter: grayscale(0%); transform: translateY(-1px); } .home .post-item .box, .home .box-blog-post .box{ border-radius: 18px !important; overflow: hidden !important; border: 1px solid #f2e8ee !important; box-shadow: 0 6px 18px rgba(25,25,25,.04) !important; } .home .post-item .box-text, .home .box-blog-post .box-text{ padding: 12px 14px 14px !important; } .home .button, .home .button.is-outline, .home .button.is-link{ transition: all .22s ease !important; } .home .button:hover{ transform: translateY(-1px); } @media (max-width: 849px){ .home .section{ padding-top: 18px !important; padding-bottom: 18px !important; } .home .section.product-section{ padding-top: 22px !important; padding-bottom: 22px !important; } .home .section:last-of-type{ padding-bottom: 22px !important; } .home .section-title-container{ margin-bottom: 12px !important; } .home .section-title-normal span, .home .section-title-main{ font-size: 16px !important; } .home .products .product-small.col, .home .product-small.col{ padding-left: 7px !important; padding-right: 7px !important; margin-bottom: 14px !important; } .home .products .box-text, .home .product-small .box-text{ padding: 9px 9px 11px !important; } .home .products .title-wrapper, .home .product-small .title-wrapper{ min-height: 42px !important; margin-bottom: 6px !important; } .home .products .name, .home .products .woocommerce-loop-product__title, .home .product-small .name, .home .product-small .woocommerce-loop-product__title{ font-size: 12.8px !important; line-height: 1.45 !important; } .home .products .price, .home .product-small .price{ font-size: 13px !important; } } /* ========================================================= /* SOURCE: css/yhn-home-phase1b.css */ /** * YHN Homepage Phase 1B * Scoped homepage refinements for structure, readability and mobile UX. */ .home #main { background: #fffdfd; } /* Stronger brand contrast for small header text (WCAG AA). */ .home .header-top, .home #wide-nav { background-color: #d91478 !important; } .home .header-top a, .home .header-top .nav > li > a, .home .header-top .nav > li > span, .home #wide-nav .nav > li > a { color: #fff !important; } /* Hero: preserve the source artwork ratio, remove visual distortion and make the whole banner the real CTA. */ .home .banner.yhn-home-hero { padding-top: 44% !important; background: #3e3029; overflow: hidden; } .home .yhn-home-hero .bg { background-position: center center !important; background-size: cover !important; } .home .yhn-home-hero .banner-link { z-index: 5; } .home .yhn-home-hero:focus-within { outline: 3px solid #fe259a; outline-offset: -3px; } /* Trust strip */ .home .section.yhn-home-trust { position: relative; z-index: 8; margin-top: -28px !important; padding: 0 18px !important; } .home .yhn-home-trust > .section-content > .row { max-width: 1120px !important; padding: 12px 8px; background: #fff; border: 1px solid #f1e5eb; border-radius: 18px; box-shadow: 0 14px 34px rgba(55, 35, 45, .11); } .home .yhn-home-trust .col-inner { height: 100%; } .home .yhn-home-trust .icon-box { height: 100%; padding: 8px 12px; } .home .yhn-home-trust .icon-box-text, .home .yhn-home-trust .ux-text { color: #433a40 !important; } .home .yhn-home-trust .ux-text p, .home .yhn-home-trust .ux-text span { line-height: 1.55; } .home .yhn-home-trust a { color: #bf176f; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } /* Homepage introduction and the single semantic H1. */ .home .section.yhn-home-intro { padding: 58px 18px 30px !important; } .home .yhn-home-intro .row { max-width: 940px !important; } .home .yhn-home-intro-copy { margin: 0 auto; } .home .yhn-home-title { margin: 0 0 14px; color: #2d272b; font-size: clamp(28px, 3vw, 42px); font-weight: 800; letter-spacing: -.025em; line-height: 1.18; text-transform: none; } .home .yhn-home-intro-copy p { max-width: 820px; margin: 0 auto; color: #665b62; font-size: 16px; line-height: 1.75; } /* Product sections */ .home .section.yhn-home-product-section { padding: 34px 18px 18px !important; border-top: 1px solid #f4e9ef; } .home .section.yhn-home-product-section.is-soft { background: #fff8fb; } .home .yhn-home-product-section > .section-content > .row, .home .yhn-home-editorial > .section-content > .row, .home .yhn-home-brands > .section-content > .row { max-width: 1180px !important; } .home .yhn-home-product-section .section-title-container { margin-bottom: 20px !important; } .home .yhn-home-product-section .section-title-main { color: #2d272b !important; font-size: 21px !important; letter-spacing: .015em !important; } .home .yhn-home-product-section .section-title-link { min-height: 40px; padding: 10px 14px !important; color: #a31361 !important; border: 1px solid #f0c9dc; border-radius: 999px; background: #fff; } .home .yhn-home-product-section .section-title-link:hover, .home .yhn-home-product-section .section-title-link:focus-visible { color: #fff !important; border-color: #d91c7f; background: #d91c7f; } .home .yhn-home-product-section .products { margin-right: -9px !important; margin-left: -9px !important; } .home .yhn-home-product-section .product-small.col { padding-right: 9px !important; padding-left: 9px !important; margin-bottom: 18px !important; } .home .yhn-home-product-section .product-small .box { border-radius: 16px !important; box-shadow: 0 5px 16px rgba(49, 30, 40, .045) !important; } .home .yhn-home-product-section .product-small .box:hover { box-shadow: 0 13px 28px rgba(49, 30, 40, .1) !important; } .home .yhn-home-product-section .product-small .price, .home .yhn-home-product-section .woocommerce-Price-amount.amount { color: #c9176b !important; } .home .yhn-home-product-section .onsale, .home .yhn-home-product-section .badge-circle .badge-inner { background: #d91478 !important; } /* Editorial and brand blocks */ .home .section.yhn-home-editorial { padding: 38px 18px !important; border-top: 1px solid #f4e9ef; background: #fff; } .home .yhn-home-editorial .post-item .box { height: 100%; } .home .section.yhn-home-brands { padding: 28px 18px 38px !important; border-top: 1px solid #f4e9ef; background: #fff8fb; } .home .yhn-home-brands .slider-wrapper { padding: 12px 0; } .home .yhn-home-brands .ux-logo .ux-logo-link { min-height: 76px; display: flex; align-items: center; justify-content: center; padding: 10px; background: #fff; border: 1px solid #f1e7ec; border-radius: 14px; } @media (max-width: 849px) { .home .banner.yhn-home-hero { padding-top: 47.9167% !important; } .home .yhn-home-hero .bg { background-size: contain !important; background-repeat: no-repeat !important; } .home .section.yhn-home-trust { margin-top: -12px !important; padding: 0 12px !important; } .home .yhn-home-trust > .section-content > .row { padding: 5px 10px; border-radius: 15px; } .home .yhn-home-trust .col { padding-top: 0 !important; padding-bottom: 0 !important; } .home .yhn-home-trust .icon-box { display: flex; align-items: center; padding: 9px 4px; border-bottom: 1px solid #f5e9ef; } .home .yhn-home-trust .col:last-child .icon-box { border-bottom: 0; } .home .yhn-home-trust .icon-box-img { width: 36px !important; min-width: 36px; margin-right: 9px !important; } .home .yhn-home-trust .icon-box-text, .home .yhn-home-trust .ux-text { text-align: left !important; } .home .section.yhn-home-intro { padding: 36px 16px 22px !important; } .home .yhn-home-title { margin-bottom: 11px; font-size: clamp(24px, 7vw, 31px); line-height: 1.24; } .home .yhn-home-intro-copy p { font-size: 14.5px; line-height: 1.65; } .home .section.yhn-home-product-section { padding: 26px 10px 12px !important; } .home .yhn-home-product-section .section-title-main { font-size: 17px !important; } .home .yhn-home-product-section .section-title-link { min-height: 34px; padding: 7px 10px !important; font-size: 11px !important; } .home .yhn-home-product-section .products { margin-right: -5px !important; margin-left: -5px !important; } .home .yhn-home-product-section .product-small.col { flex-basis: 50% !important; max-width: 50% !important; padding-right: 5px !important; padding-left: 5px !important; margin-bottom: 10px !important; } .home .yhn-home-product-section .product-small .box { border-radius: 13px !important; } .home .section.yhn-home-editorial, .home .section.yhn-home-brands { padding-right: 12px !important; padding-left: 12px !important; } } @media (prefers-reduced-motion: reduce) { .home .yhn-home-hero .bg, .home .yhn-home-product-section .box, .home .yhn-home-product-section .box-image img { transition: none !important; } .home .yhn-home-hero:hover .bg, .home .yhn-home-product-section .box:hover, .home .yhn-home-product-section .box:hover .box-image img { transform: none !important; } } /* SOURCE: css/yhn-home-premium.css */ /* YHN Premium Homepage 3.9.53.5 — scoped to the front page. */ .yhn-home-bestsellers .yhn-home-product-card{border-color:#f1dce6} .yhn-home-bestsellers .yhn-home-product-card__badge--bestseller{background:#d91478;letter-spacing:.02em} .yhn-home-product-card__rating{display:flex;align-items:center;gap:5px;margin:8px 0;min-height:16px;color:#d91478} .yhn-home-product-card__rating .star-rating{float:none;display:block;margin:0;font-size:11px;color:#d91478} .yhn-home-product-card__rating small{font-size:10px;color:#666} :root{--yhn-ink:#171717;--yhn-muted:#666;--yhn-line:#e9e4df;--yhn-cream:#f7f2ed;--yhn-rose:#d91478;--yhn-gold:#a77a3d} .yhn-home-premium{background:#fff;color:var(--yhn-ink);font-family:"Be Vietnam Pro",sans-serif;overflow:hidden} .yhn-home-premium *{box-sizing:border-box} .yhn-home-shell{width:min(1220px,calc(100% - 40px));margin-inline:auto} .yhn-home-hero{padding-top:0!important;background:#faf5f0!important;position:relative;isolation:isolate} .yhn-home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,248,.20) 0%,rgba(255,252,248,.04) 48%,transparent 68%);pointer-events:none;z-index:0} .yhn-home-hero__grid{height:clamp(480px,38vw,540px)!important;min-height:0!important;max-height:540px!important;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;z-index:1;overflow:hidden} .yhn-home-hero__copy{padding:64px 20px 75px 0;position:relative;z-index:3} .yhn-home-eyebrow{font-size:13px;letter-spacing:.28em;font-weight:600;margin:0 0 18px;color:#342d29} .yhn-home-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4vw,60px);line-height:1.14;font-weight:400;letter-spacing:-.025em;margin:0 0 18px;max-width:650px;color:#1a1715} .yhn-home-lead{font-size:16px;line-height:1.8;max-width:520px;margin:0 0 28px;color:#433d39} .yhn-home-button{display:inline-flex;align-items:center;min-height:48px;padding:0 25px;background:var(--yhn-rose);color:#fff!important;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.06em;border-radius:4px;box-shadow:0 8px 20px rgba(217,20,120,.2);transition:.2s ease} .yhn-home-button:hover{background:var(--yhn-rose);transform:translateY(-1px)} .yhn-home-hero__visual{height:100%;position:relative;z-index:2;pointer-events:none} .yhn-home-trustbar{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:17px 0 23px} .yhn-home-trustbar>div{display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center} .yhn-home-trustbar span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(126,91,70,.28);border-radius:50%;font-size:22px;color:var(--yhn-gold);background:rgba(255,255,255,.58)} .yhn-home-trustbar strong,.yhn-home-trustbar small{display:block}.yhn-home-trustbar strong{font-size:12px;text-transform:uppercase}.yhn-home-trustbar small{font-size:11px;color:#6d645e;margin-top:2px} .yhn-home-section{padding:52px 0 10px}.yhn-home-section__heading{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:26px} .yhn-home-section__heading h2,.yhn-home-reasons h2{font-size:21px;text-transform:uppercase;text-align:center;margin:0;font-weight:700;letter-spacing:-.02em;color:var(--yhn-rose)} .yhn-home-section__heading>a{position:absolute;right:0;color:#444;font-size:12px;text-decoration:underline;text-underline-offset:3px} .yhn-home-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px} .yhn-home-category-card{min-width:0;background:#f5f0ec;border:1px solid #eee7e1;border-radius:10px;overflow:hidden;color:var(--yhn-ink)!important;transition:.25s ease} .yhn-home-category-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(36,24,18,.09);border-color:#dfd2c8} .yhn-home-category-card__image{display:block;aspect-ratio:1/1.3;background:linear-gradient(150deg,#f1e4d9,#f9f7f4);overflow:hidden} .yhn-home-category-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease} .yhn-home-category-card:hover img{transform:scale(1.035)} .yhn-home-category-card strong{display:block;text-align:center;padding:12px 7px 13px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .yhn-home-new{padding-top:55px}.yhn-home-product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px} .yhn-home-product-card{min-width:0;border:1px solid #e8e8e8;border-radius:8px;background:#fff;overflow:hidden;transition:.25s ease} .yhn-home-product-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(22,19,17,.09);border-color:#ddd3cc} .yhn-home-product-card__image{display:block;aspect-ratio:1/1.13;padding:15px;position:relative;background:#fff} .yhn-home-product-card__image img{width:100%;height:100%;object-fit:contain} .yhn-home-product-card__badge{position:absolute;top:11px;left:10px;background:#ef3038;color:#fff;border-radius:3px;padding:4px 6px;font-size:9px;font-weight:700;z-index:2} .yhn-home-product-card__body{padding:0 13px 15px}.yhn-home-product-card__brand{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px} .yhn-home-product-card h3{font-size:12px;line-height:1.45;font-weight:500;height:2.9em;overflow:hidden;margin:0 0 9px}.yhn-home-product-card h3 a{color:#222} .yhn-home-product-card__price{font-size:14px;font-weight:700;color:#111}.yhn-home-product-card__price del{font-size:11px;color:#999;margin-right:4px}.yhn-home-product-card__price ins{text-decoration:none;color:var(--yhn-rose)} .yhn-home-brands{padding-top:58px}.yhn-home-brand-grid{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--yhn-line);border-radius:7px;overflow:hidden} .yhn-home-brand-grid a{min-height:75px;display:grid;place-items:center;padding:10px;color:#151515!important;font-family:Georgia,serif;font-size:18px;letter-spacing:.04em;border-right:1px solid var(--yhn-line);background:#fff;transition:.2s} .yhn-home-brand-grid a:last-child{border-right:0}.yhn-home-brand-grid a:hover{background:var(--yhn-cream);color:var(--yhn-rose)!important} .yhn-home-reasons{padding:60px 0 50px}.yhn-home-reasons h2{margin-bottom:27px}.yhn-home-reason-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} .yhn-home-reason-grid>div{display:flex;gap:13px;align-items:flex-start;background:#f9f6f3;border:1px solid #f0eae5;border-radius:7px;padding:20px 15px;min-height:105px} .yhn-home-reason-grid>div>span{font-size:26px;color:var(--yhn-gold);line-height:1}.yhn-home-reason-grid p{margin:0}.yhn-home-reason-grid strong,.yhn-home-reason-grid small{display:block}.yhn-home-reason-grid strong{font-size:11px;text-transform:uppercase;margin-bottom:6px}.yhn-home-reason-grid small{font-size:10px;line-height:1.55;color:#615b57} .yhn-home-proof{background:linear-gradient(100deg,#f7f0e9,#fbf8f4);border-top:1px solid #efe7df;padding:37px 0} .yhn-home-proof__grid{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;gap:20px;align-items:center} .yhn-home-proof__grid>div{display:flex;align-items:center;gap:15px}.yhn-home-proof__grid>div>span{font-size:36px;color:var(--yhn-gold)}.yhn-home-proof p{margin:0}.yhn-home-proof strong,.yhn-home-proof small{display:block}.yhn-home-proof strong{font-size:22px;line-height:1.2}.yhn-home-proof small{text-transform:uppercase;font-size:9px;letter-spacing:.05em;color:#5e5752;margin-top:3px} .yhn-home-social{justify-content:space-between!important}.yhn-home-social p strong{font-size:12px;text-transform:uppercase}.yhn-home-social nav{display:flex;gap:8px}.yhn-home-social nav a{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#232323;color:#fff!important;font-size:13px}.yhn-home-social nav a:hover{background:var(--yhn-rose)} @media(max-width:1100px){.yhn-home-category-grid{grid-template-columns:repeat(4,1fr)}.yhn-home-product-grid{grid-template-columns:repeat(3,1fr)}.yhn-home-brand-grid{grid-template-columns:repeat(4,1fr)}.yhn-home-brand-grid a{border-bottom:1px solid var(--yhn-line)}.yhn-home-reason-grid{grid-template-columns:repeat(3,1fr)}.yhn-home-proof__grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:849px){.yhn-home-shell{width:min(100% - 28px,720px)}.yhn-home-hero{background-size:auto 300px!important;background-position:67% 0!important;background-color:#faf5f0!important}.yhn-home-hero:after{display:none}.yhn-home-hero__grid{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding-top:300px!important;overflow:visible!important}.yhn-home-hero__copy{text-align:center;padding:30px 20px 28px;background:#fdf9f5;border-radius:0}.yhn-home-eyebrow{margin-bottom:13px}.yhn-home-hero h1{font-size:36px;line-height:1.18;margin-inline:auto;margin-bottom:15px}.yhn-home-lead{font-size:14px;line-height:1.7;margin:0 auto 22px}.yhn-home-button{min-height:45px}.yhn-home-hero__visual{display:none!important}.yhn-home-trustbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px;width:100%;padding:20px 18px 24px;background:#fff;border-top:1px solid #f1e3e9}.yhn-home-trustbar>div{grid-template-columns:38px minmax(0,1fr);column-gap:8px}.yhn-home-trustbar span{width:36px;height:36px;font-size:18px}.yhn-home-trustbar strong{font-size:10px}.yhn-home-trustbar small{font-size:9px}.yhn-home-reason-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:549px){.yhn-home-shell{width:calc(100% - 24px)}.yhn-home-hero{background-size:auto 270px!important}.yhn-home-hero__grid{padding-top:270px!important}.yhn-home-hero__copy{padding:27px 17px 25px}.yhn-home-eyebrow{font-size:10px}.yhn-home-hero h1{font-size:31px}.yhn-home-lead{font-size:13px}.yhn-home-trustbar{gap:14px 8px;padding-inline:14px}.yhn-home-trustbar>div{grid-template-columns:34px minmax(0,1fr)}.yhn-home-trustbar span{width:32px;height:32px;font-size:16px}.yhn-home-trustbar strong{font-size:9px}.yhn-home-trustbar small{font-size:8px}.yhn-home-section{padding-top:42px}.yhn-home-section__heading{justify-content:flex-start}.yhn-home-section__heading h2,.yhn-home-reasons h2{text-align:left;font-size:18px;line-height:1.35}.yhn-home-section__heading h2:after,.yhn-home-reasons h2:after{content:"";display:block;width:42px;height:3px;border-radius:3px;background:var(--yhn-rose);margin-top:8px}.yhn-home-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.yhn-home-category-card{flex:0 0 42%;scroll-snap-align:start}.yhn-home-product-grid{grid-template-columns:repeat(2,1fr);gap:9px}.yhn-home-product-card__body{padding:0 10px 13px}.yhn-home-product-card__image{padding:10px}.yhn-home-brand-grid{grid-template-columns:repeat(2,1fr)}.yhn-home-brand-grid a{font-size:15px;min-height:60px}.yhn-home-reason-grid{grid-template-columns:1fr}.yhn-home-reason-grid>div{min-height:auto}.yhn-home-proof__grid{grid-template-columns:1fr 1fr}.yhn-home-proof__grid>div{gap:9px}.yhn-home-proof__grid>div>span{font-size:27px}.yhn-home-proof strong{font-size:17px}.yhn-home-social{grid-column:1/-1;border-top:1px solid #e4d9d0;padding-top:20px}.yhn-home-social p small{text-transform:none;letter-spacing:0}.yhn-home-section__heading>a{font-size:10px}} /* 3.9.5 — Homepage typography follows the site's article/body typography. */ .yhn-home-premium, .yhn-home-premium button, .yhn-home-premium input, .yhn-home-premium select, .yhn-home-premium textarea{ font-family: inherit !important; } .yhn-home-premium .yhn-home-hero h1, .yhn-home-premium .yhn-home-brand-grid a, .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2{ font-family: inherit !important; } .yhn-home-premium .yhn-home-product-card h3{ font-size: 13px; line-height: 1.48; font-weight: 500; } .yhn-home-premium .yhn-home-product-card__price{ font-size: 14px; } .yhn-home-premium .yhn-home-category-card strong{ font-size: 12.5px; } .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2{ letter-spacing: 0; } /* 3.9.6 — Home Polish: clearer typography + 10-product bestseller grid. */ .yhn-home-premium .yhn-home-section__heading{ margin-bottom: 22px; } .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2{ font-size: 22px; line-height: 1.3; font-weight: 700; } .yhn-home-premium .yhn-home-section__heading > a{ font-size: 12.5px; font-weight: 500; color: #3d3d3d; text-underline-offset: 4px; } .yhn-home-premium .yhn-home-product-card h3{ font-size: 16px; line-height: 1.45; height: 2.9em; margin-bottom: 8px; } .yhn-home-premium .yhn-home-product-card__price{ font-size: 15px; line-height: 1.35; font-weight: 700; } .yhn-home-premium .yhn-home-product-card__price del{ font-size: 12px; } .yhn-home-premium .yhn-home-product-card__body{ padding: 0 13px 16px; } .yhn-home-premium .yhn-home-bestsellers{ padding-top: 48px; } .yhn-home-premium .yhn-home-bestsellers .yhn-home-product-grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } .yhn-home-premium .yhn-home-bestsellers .yhn-home-product-card__image{ aspect-ratio: 1 / 1.08; padding: 14px; } .yhn-home-premium .yhn-home-new{ padding-top: 46px; } .yhn-home-premium .yhn-home-brands{ padding-top: 50px; } .yhn-home-premium .yhn-home-reasons{ padding-top: 52px; } @media (max-width: 1100px){ .yhn-home-premium .yhn-home-bestsellers .yhn-home-product-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 849px){ .yhn-home-premium .yhn-home-product-card h3{ font-size: 13.5px; } .yhn-home-premium .yhn-home-product-card__price{ font-size: 14.5px; } } @media (max-width: 549px){ .yhn-home-premium .yhn-home-bestsellers .yhn-home-product-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2{ font-size: 19px; } .yhn-home-premium .yhn-home-section__heading > a{ font-size: 11px; } .yhn-home-premium .yhn-home-product-card h3{ font-size: 13px; line-height: 1.45; } .yhn-home-premium .yhn-home-product-card__price{ font-size: 14px; } } /* 3.9.6.2 — Final Home Polish. Keep the approved layout/card proportions. */ .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2{ text-transform: uppercase !important; font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: .015em; } .yhn-home-premium .yhn-home-section__heading > a{ font-size: 13.5px; line-height: 1.4; font-weight: 500; color: #353535; } .yhn-home-premium .yhn-home-product-card h3, .yhn-home-premium .yhn-home-product-card h3 a{ font-size: 16px !important; line-height: 1.4 !important; font-weight: 500 !important; } .yhn-home-premium .yhn-home-product-card h3{ height: 2.8em; margin-bottom: 9px; } .yhn-home-premium .yhn-home-product-card__price, .yhn-home-premium .yhn-home-product-card__price .amount{ font-size: 15.5px !important; line-height: 1.35; font-weight: 700 !important; } .yhn-home-premium .yhn-home-bestsellers .yhn-home-product-grid{ row-gap: 26px; column-gap: 16px; } .yhn-home-premium .yhn-home-new{ padding-top: 54px; } /* Footer typography polish only — no structural redesign. */ #footer .footer-widgets.footer.footer-2 .widget-title{ font-size: 17px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: .035em !important; } #footer .footer-widgets.footer.footer-2, #footer .footer-widgets.footer.footer-2 p, #footer .footer-widgets.footer.footer-2 li, #footer .footer-widgets.footer.footer-2 span, #footer .footer-widgets.footer.footer-2 .textwidget{ font-size: 14px !important; line-height: 1.75 !important; } #footer #custom_html-3 .button, #footer #custom_html-3 .button.is-link, #footer #custom_html-3 .button.secondary.is-link, #footer #custom_html-4 li a{ font-size: 14px !important; } @media (max-width: 849px){ .yhn-home-premium .yhn-home-product-card h3, .yhn-home-premium .yhn-home-product-card h3 a{font-size:14px !important;} .yhn-home-premium .yhn-home-product-card__price, .yhn-home-premium .yhn-home-product-card__price .amount{font-size:14.5px !important;} } @media (max-width: 549px){ .yhn-home-premium .yhn-home-section__heading h2, .yhn-home-premium .yhn-home-reasons h2{font-size:19px;} .yhn-home-premium .yhn-home-section__heading > a{font-size:12px;} .yhn-home-premium .yhn-home-product-card h3, .yhn-home-premium .yhn-home-product-card h3 a{font-size:13.5px !important;} .yhn-home-premium .yhn-home-bestsellers .yhn-home-product-grid{row-gap:18px;} #footer .footer-widgets.footer.footer-2 .widget-title{font-size:16px !important;} #footer .footer-widgets.footer.footer-2 p, #footer .footer-widgets.footer.footer-2 li, #footer .footer-widgets.footer.footer-2 span, #footer .footer-widgets.footer.footer-2 .textwidget{font-size:13.5px !important;line-height:1.7 !important;} } /* 3.9.6.3 — Typography Final: uppercase category labels + subtle footer legibility polish. */ .yhn-home-premium .yhn-home-category-card strong{ text-transform: uppercase !important; font-size: 13.5px !important; line-height: 1.35 !important; font-weight: 600 !important; letter-spacing: .025em; padding: 11px 7px 12px; } .yhn-home-premium .yhn-home-brand-grid a{ text-transform: uppercase; font-weight: 600; letter-spacing: .025em; } #footer .footer-widgets.footer.footer-2, #footer .footer-widgets.footer.footer-2 p, #footer .footer-widgets.footer.footer-2 li, #footer .footer-widgets.footer.footer-2 a{ line-height: 1.65; } @media (max-width: 849px){ .yhn-home-premium .yhn-home-category-card strong{font-size: 12.5px !important;} } @media (max-width: 549px){ .yhn-home-premium .yhn-home-category-card strong{font-size: 12px !important;letter-spacing:.015em;} } /* 3.9.7 — Compact section spacing retained; hero geometry is owned by the * canonical 3.9.55.44 block below. */ .yhn-home-premium .yhn-home-categories{padding-top:32px!important;} @media(max-width:849px){.yhn-home-premium .yhn-home-categories{padding-top:24px!important;}} /* 3.9.8 — Home News Section. Three latest WordPress posts, no slider. */ .yhn-home-premium .yhn-home-news{padding-top:26px;padding-bottom:30px;} .yhn-home-premium .yhn-home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;} .yhn-home-premium .yhn-home-news-card{background:#fff;border:1px solid #eee8e5;border-radius:9px;overflow:hidden;box-shadow:0 3px 14px rgba(44,30,25,.045);transition:transform .2s ease,box-shadow .2s ease;} .yhn-home-premium .yhn-home-news-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(44,30,25,.075);} .yhn-home-premium .yhn-home-news-card__image{display:block;aspect-ratio:16/9;overflow:hidden;background:#f7f3f1;} .yhn-home-premium .yhn-home-news-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease;} .yhn-home-premium .yhn-home-news-card:hover .yhn-home-news-card__image img{transform:scale(1.018);} .yhn-home-premium .yhn-home-news-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:30px;font-weight:700;letter-spacing:.12em;color:#d20b69;background:linear-gradient(135deg,#fff8f5,#f8ece8);} .yhn-home-premium .yhn-home-news-card__body{padding:17px 18px 18px;} .yhn-home-premium .yhn-home-news-card__category{display:block;margin-bottom:7px;color:#d20b69;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.045em;} .yhn-home-premium .yhn-home-news-card h3{margin:0 0 8px;font-size:17px!important;line-height:1.42;font-weight:600;} .yhn-home-premium .yhn-home-news-card h3 a{font-size:inherit!important;color:#25211f;text-decoration:none;} .yhn-home-premium .yhn-home-news-card p{margin:0 0 12px;color:#68615d;font-size:13.5px;line-height:1.58;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .yhn-home-premium .yhn-home-news-card__more{font-size:13px;font-weight:600;color:#4e4844;text-decoration:none;} .yhn-home-premium .yhn-home-news-card__more:hover{color:#d20b69;} @media (max-width:849px){.yhn-home-premium .yhn-home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.yhn-home-premium .yhn-home-news-card:last-child{display:none}.yhn-home-premium .yhn-home-news-card h3{font-size:16px!important;}} @media (max-width:549px){.yhn-home-premium .yhn-home-news{padding-top:20px;padding-bottom:24px}.yhn-home-premium .yhn-home-news-grid{grid-template-columns:1fr;gap:15px}.yhn-home-premium .yhn-home-news-card:last-child{display:block}.yhn-home-premium .yhn-home-news-card__body{padding:14px 15px 16px}.yhn-home-premium .yhn-home-news-card h3{font-size:16px!important}.yhn-home-premium .yhn-home-news-card p{font-size:13px;}} /* 3.9.55.50 — Flash Sale CSS ownership cleanup. * Flash Sale presentation moved to yhn-home-flash-395550.css. * Keep only Product Collection spacing here. */ .yhn-home-premium .yhn-home-collection{padding-top:52px} @media(max-width:549px){.yhn-home-premium .yhn-home-collection{padding-top:42px}} /* 3.9.18 — Skincare collection navigation */ .yhn-home-collection-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-4px 0 20px}.yhn-home-collection-tabs a{font-size:11px;font-weight:600;letter-spacing:.035em;color:#71686d;padding:7px 12px;border:1px solid #eadfe3;border-radius:999px;background:#fff}.yhn-home-collection-tabs a:hover,.yhn-home-collection-tabs a.is-active{color:#fff;background:#2d292b;border-color:#2d292b}@media(max-width:549px){.yhn-home-collection-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.yhn-home-collection-tabs a{white-space:nowrap}} /* 3.9.24 — Global Home UX polish. No layout/art-direction change. */ .yhn-home-premium .yhn-home-section__heading>a{ display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 2px; text-decoration:none!important;color:#4a4144!important;font-weight:600!important; transition:color .18s ease,transform .18s ease; } .yhn-home-premium .yhn-home-section__heading>a::after{content:"→";font-size:14px;line-height:1;color:var(--yhn-rose);transition:transform .18s ease} .yhn-home-premium .yhn-home-section__heading>a:hover{color:var(--yhn-rose)!important;transform:translateY(-1px)} .yhn-home-premium .yhn-home-section__heading>a:hover::after{transform:translateX(3px)} .yhn-home-premium a:focus-visible,.yhn-home-premium button:focus-visible{outline:2px solid var(--yhn-rose);outline-offset:3px;border-radius:5px} .yhn-home-premium .yhn-home-trustbar span svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .yhn-home-premium .yhn-home-product-card h3 a{display:block} .yhn-home-premium .yhn-home-product-card__price{letter-spacing:-.01em} .yhn-home-premium .yhn-home-product-card__badge{border-radius:999px;padding:4px 7px;line-height:1.1;box-shadow:0 3px 8px rgba(217,20,120,.12)} @media(max-width:549px){ .yhn-home-premium .yhn-home-section__heading>a{min-height:36px;padding:6px 0;font-size:11px!important} .yhn-home-premium .yhn-home-section__heading>a::after{font-size:13px} } /* ========================================================= 3.9.55.44 — HOME HERO CANONICAL LAYOUT Active-theme audit found two root causes of the repeated crop regressions: (1) the legacy Phase1B rule still applied desktop percentage padding to the new semantic hero section; and (2) multiple generations of background-position / cover overrides were stacked in this file. The artwork is now one real inside .yhn-home-hero__visual. Desktop gives copy and artwork separate physical zones; the image keeps natural height and only the deliberately empty far-left part may fall outside the visual viewport. Mobile uses the same image above the copy. No cover/fade. ========================================================= */ .home .yhn-home-premium .yhn-home-hero{ padding-top:0!important; min-height:0!important; background:#fdf8f4!important; background-image:none!important; background-size:auto!important; background-position:initial!important; background-repeat:no-repeat!important; position:relative!important; overflow:hidden!important; } .home .yhn-home-premium .yhn-home-hero::before, .home .yhn-home-premium .yhn-home-hero::after{ content:none!important; display:none!important; background:none!important; } .yhn-home-premium .yhn-home-hero__grid{ height:clamp(390px,29vw,420px)!important; min-height:390px!important; max-height:420px!important; grid-template-columns:34% 66%!important; align-items:center!important; position:relative!important; z-index:1!important; overflow:visible!important; } .yhn-home-premium .yhn-home-hero__copy{ width:100%!important; max-width:430px!important; padding:30px 22px 34px 0!important; transform:none!important; position:relative!important; z-index:3!important; } .yhn-home-premium .yhn-home-hero h1{ max-width:420px!important; font-size:clamp(34px,2.75vw,45px)!important; line-height:1.09!important; font-weight:500!important; letter-spacing:-.024em!important; } .yhn-home-premium .yhn-home-hero h1 span{display:block!important;white-space:normal!important;} .yhn-home-premium .yhn-home-lead{max-width:395px!important;} .yhn-home-premium .yhn-home-hero__visual{ display:block!important; position:absolute!important; left:34%!important; right:calc((100vw - 100%)/-2)!important; top:0!important; bottom:auto!important; width:auto!important; height:100%!important; min-height:0!important; overflow:hidden!important; background:none!important; z-index:1!important; pointer-events:none!important; } .yhn-home-premium .yhn-home-hero__visual img{ display:block!important; position:absolute!important; top:50%!important; right:0!important; width:auto!important; max-width:none!important; height:100%!important; object-fit:initial!important; transform:translateY(-50%)!important; } .yhn-home-premium .yhn-home-trustbar{position:relative!important;z-index:4!important;} @media (min-width:850px) and (max-width:1199px){ .yhn-home-premium .yhn-home-hero__grid{grid-template-columns:36% 64%!important;} .yhn-home-premium .yhn-home-hero__visual{left:36%!important;} .yhn-home-premium .yhn-home-hero__copy{max-width:370px!important;padding-right:18px!important;} .yhn-home-premium .yhn-home-hero h1{max-width:360px!important;font-size:clamp(31px,3vw,39px)!important;} .yhn-home-premium .yhn-home-lead{max-width:345px!important;font-size:14px!important;} } @media (max-width:849px){ .home .yhn-home-premium .yhn-home-hero{overflow:visible!important;} .yhn-home-premium .yhn-home-hero__grid{ width:100%!important; display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; max-height:none!important; padding-top:0!important; overflow:visible!important; } .yhn-home-premium .yhn-home-hero__visual{ order:0!important; position:relative!important; left:auto!important; right:auto!important; top:auto!important; width:100%!important; height:270px!important; overflow:hidden!important; } .yhn-home-premium .yhn-home-hero__visual img{ top:50%!important; left:50%!important; right:auto!important; height:100%!important; width:auto!important; max-width:none!important; transform:translate(-50%,-50%)!important; } .yhn-home-premium .yhn-home-hero__copy{ order:1!important; width:100%!important; max-width:none!important; text-align:center!important; padding:28px 20px 27px!important; background:#fdf9f5!important; } .yhn-home-premium .yhn-home-eyebrow{margin-bottom:13px!important;} .yhn-home-premium .yhn-home-hero h1{ max-width:620px!important; margin-inline:auto!important; margin-bottom:15px!important; font-size:34px!important; line-height:1.16!important; } .yhn-home-premium .yhn-home-lead{ max-width:560px!important; margin:0 auto 22px!important; font-size:14px!important; line-height:1.7!important; } } @media (max-width:549px){ .yhn-home-premium .yhn-home-hero__visual{height:245px!important;} .yhn-home-premium .yhn-home-hero__copy{padding:27px 17px 25px!important;} .yhn-home-premium .yhn-home-hero h1{max-width:360px!important;font-size:30px!important;line-height:1.16!important;} .yhn-home-premium .yhn-home-lead{max-width:350px!important;font-size:13px!important;} } /* ========================================================= 3.9.55.45 — HOME HERO FINAL PROPORTION POLISH Desktop-only proportion pass on top of the canonical 3.9.55.44 hero. No crop/background architecture changes: the artwork remains the same real , mobile/tablet remain untouched, and copy keeps its own zone. Goal: slightly stronger artwork presence and a calmer 2–3 line H1. ========================================================= */ @media (min-width:1200px){ .yhn-home-premium .yhn-home-hero__grid{ height:clamp(420px,31vw,455px)!important; min-height:420px!important; max-height:455px!important; grid-template-columns:38% 62%!important; } .yhn-home-premium .yhn-home-hero__copy{ max-width:460px!important; padding:32px 20px 36px 0!important; } .yhn-home-premium .yhn-home-hero h1{ max-width:405px!important; font-size:clamp(36px,2.65vw,42px)!important; line-height:1.08!important; letter-spacing:-.022em!important; margin-bottom:16px!important; } .yhn-home-premium .yhn-home-lead{ max-width:420px!important; line-height:1.72!important; margin-bottom:24px!important; } } /* 3.9.55.76 — Responsive Hero LCP delivery. Presentation unchanged. */ .yhn-home-premium .yhn-home-hero__visual picture{display:contents} /* SOURCE: css/yhn-mobile-search.css */ /* YHN 3.9.53.5 - Premium FiboSearch mobile overlay and reliable results. */ @media(max-width:849px){ html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-overlay-mobile{background:#fff!important;color:#241e21!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar{display:flex!important;align-items:center!important;gap:8px!important;height:64px!important;padding:9px 10px!important;background:#fff!important;border-bottom:1px solid #eee5e9!important;box-shadow:0 5px 20px rgba(42,25,34,.06)!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid #eadde3!important;border-radius:50%!important;background:#fff4f8!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return svg{position:static!important;width:18px!important;height:18px!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return path{fill:#a74070!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile{flex:1 1 auto!important;width:auto!important;max-width:none!important;margin:0!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp{height:44px!important;padding:0!important;border:1px solid #e3d8dd!important;border-radius:999px!important;background:#f9f6f7!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-search-wrapp-mobile.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp{border-color:#d4146f!important;box-shadow:0 0 0 3px rgba(212,20,111,.09)!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input{height:42px!important;padding:0 42px 0 15px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#241e21!important;font-size:16px!important;line-height:42px!important;box-shadow:none!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input::placeholder{color:#8a8085!important;opacity:1!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-search-wrapp-mobile .dgwt-wcas-preloader{right:12px!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp{top:64px!important;height:calc(100dvh - 64px)!important;padding:8px 0 calc(24px + env(safe-area-inset-bottom))!important;border:0!important;background:#fff!important} html.dgwt-wcas-overlay-mobile-on .yhn-mobile-search-empty{position:absolute;z-index:5;top:106px;left:50%;width:calc(100% - 48px);max-width:340px;padding:22px;transform:translateX(-50%);border:1px solid #f0e6ea;border-radius:14px;background:linear-gradient(180deg,#fff8fb,#fff);box-shadow:0 8px 24px rgba(58,31,44,.045);color:#786d72;line-height:1.55;text-align:center;pointer-events:none} html.dgwt-wcas-overlay-mobile-on .yhn-mobile-search-empty.is-hidden{display:none!important} html.dgwt-wcas-overlay-mobile-on .yhn-mobile-search-empty strong{display:block;margin-bottom:5px;color:#3a3035;font-size:14px;font-weight:750} html.dgwt-wcas-overlay-mobile-on .yhn-mobile-search-empty span{display:block;font-size:12.5px;font-weight:500} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion{min-height:74px!important;margin:0 12px!important;padding:10px 2px!important;border-bottom:1px solid #f1eaed!important;background:#fff!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion-product{display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;overflow:hidden!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion:hover, html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion.dgwt-wcas-suggestion-selected{background:#fff7fa!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-si{flex:0 0 58px!important;width:58px!important;min-width:58px!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-si img{width:52px!important;height:52px!important;border:1px solid #eee7ea!important;border-radius:8px!important;object-fit:cover!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-content-wrapp{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;overflow:hidden!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-st{flex:1 1 auto!important;width:auto!important;min-width:0!important;padding:0 7px 0 0!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-st-title{display:-webkit-box!important;overflow:hidden!important;color:#2c2529!important;font-size:13.5px!important;font-weight:650!important;line-height:1.4!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-meta{flex:0 0 82px!important;width:82px!important;min-width:82px!important;max-width:82px!important;padding:0!important;text-align:right!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp{display:block!important;overflow:hidden!important;color:#d4146f!important;font-size:12.5px!important;font-weight:750!important;line-height:1.35!important;white-space:nowrap!important} html.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp .dgwt-wcas-st--see-all{color:#a81258!important;font-weight:750!important;text-align:center!important} html.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios .dgwt-wcas-suggestions-wrapp{height:auto!important;min-height:calc(100dvh - 64px)!important} } /* SOURCE: css/yhn-commerce-cart-3955641.css */ /** * HangNgoaiShop 3.9.55.64.1 * Commerce Foundation + Cart Quiet Premium * * Presentation-only layer for: * - CheckoutWC Side Cart on storefront surfaces * - WooCommerce / Flatsome Cart page * * Checkout page redesign is intentionally deferred to 3.9.55.65. */ :root{ --yhn-commerce-bg:#faf9f7; --yhn-commerce-surface:#ffffff; --yhn-commerce-surface-soft:#f7f5f2; --yhn-commerce-text:#303137; --yhn-commerce-text-2:#515159; --yhn-commerce-muted:#8a878d; --yhn-commerce-border:#e8e5e1; --yhn-commerce-border-soft:#efedea; --yhn-commerce-accent:#d3136d; --yhn-commerce-accent-hover:#b9105d; --yhn-commerce-accent-soft:#fff4f8; --yhn-commerce-shadow:0 10px 28px rgba(35,32,34,.045); } /* ========================================================= 1) CHECKOUTWC SIDE CART — GLOBAL QUIET PREMIUM ========================================================= */ body.yhn-cfw-sidecart-target .header-wrapper .cart-item .nav-dropdown, body.yhn-cfw-sidecart-target .header .cart-item .nav-dropdown, body.yhn-cfw-sidecart-ready .header-wrapper .cart-item .nav-dropdown, body.yhn-cfw-sidecart-ready .header .cart-item .nav-dropdown{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } #cfw-side-cart-overlay{ background:rgba(27,28,31,.38)!important; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); } #cfw-side-cart{ width:min(420px,100vw)!important; max-width:420px!important; background:var(--yhn-commerce-surface)!important; color:var(--yhn-commerce-text)!important; font-family:inherit!important; box-shadow:-18px 0 42px rgba(27,28,31,.14)!important; } #cfw-side-cart, #cfw-side-cart *{ text-rendering:optimizeLegibility; } #cfw-side-cart .cfw-side-cart-contents-header{ min-height:72px!important; padding:18px 22px 14px!important; background:rgba(255,255,255,.98)!important; border-bottom:1px solid var(--yhn-commerce-border)!important; position:sticky!important; top:0!important; z-index:8!important; } #cfw-side-cart .cfw-side-cart-contents-header h2, #cfw-side-cart .cfw-side-cart-contents-header .cfw-side-cart-quantity{ color:var(--yhn-commerce-text)!important; } #cfw-side-cart .cfw-side-cart-quantity-wrap{ gap:7px!important; color:var(--yhn-commerce-muted)!important; } #cfw-side-cart .cfw-side-cart-quantity-wrap svg{ width:21px!important; height:21px!important; stroke-width:1.5!important; } #cfw-side-cart .cfw-side-cart-quantity{ font-size:16px!important; font-weight:650!important; } #cfw-side-cart .cfw-side-cart-close-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; top:18px!important; right:20px!important; padding:0!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:50%!important; background:#fff!important; color:var(--yhn-commerce-text-2)!important; transition:border-color .18s ease,background .18s ease,color .18s ease!important; } #cfw-side-cart .cfw-side-cart-close-btn:hover, #cfw-side-cart .cfw-side-cart-close-btn:focus-visible{ border-color:#ddd8d3!important; background:var(--yhn-commerce-surface-soft)!important; color:var(--yhn-commerce-text)!important; } #cfw-side-cart .cfw-side-cart-close-btn svg{ width:18px!important; height:18px!important; } #cfw-side-cart .cfw-side-cart-contents{ padding:4px 22px 0!important; background:#fff!important; } #cfw-side-cart .cfw-side-cart-contents .cart-item-row td, #cfw-side-cart .cfw-side-cart-contents .cart-item-row th{ padding:16px 0!important; vertical-align:top!important; border-bottom:1px solid var(--yhn-commerce-border-soft)!important; background:#fff!important; } #cfw-side-cart .cfw-cart-item-image{ width:76px!important; min-width:76px!important; } #cfw-side-cart .cfw-cart-item-image-wrap{ margin-top:0!important; } #cfw-side-cart .cfw-cart-item-image-wrap > span{ display:flex!important; align-items:center!important; justify-content:center!important; width:64px!important; height:64px!important; overflow:hidden!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:10px!important; background:#fff!important; box-shadow:none!important; } #cfw-side-cart .cfw-cart-item-image img{ width:100%!important; height:100%!important; object-fit:cover!important; border-radius:10px!important; } #cfw-side-cart .cfw-cart-item-description{ padding-right:10px!important; } #cfw-side-cart .cfw-cart-item-title, #cfw-side-cart .cfw-cart-item-title a, #cfw-side-cart .cfw-cart-item-title span{ color:var(--yhn-commerce-text)!important; font-size:14px!important; line-height:1.42!important; font-weight:650!important; text-decoration:none!important; } #cfw-side-cart .cfw-cart-item-title span{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; } #cfw-side-cart .cfw-items-summary-item-discount{ margin:3px 0 7px!important; color:var(--yhn-commerce-muted)!important; font-size:12px!important; line-height:1.35!important; } #cfw-side-cart .cfw_side_cart_item_after_data{ margin-top:7px!important; } #cfw-side-cart .cfw-quantity-stepper{ display:inline-flex!important; align-items:center!important; min-height:30px!important; overflow:hidden!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:8px!important; background:#fff!important; box-shadow:none!important; } #cfw-side-cart .cfw-quantity-stepper-btn-minus, #cfw-side-cart .cfw-quantity-stepper-btn-plus{ width:30px!important; height:30px!important; border:0!important; background:var(--yhn-commerce-surface-soft)!important; color:#6d6a70!important; } #cfw-side-cart .cfw-quantity-stepper-value-label{ width:34px!important; color:var(--yhn-commerce-text-2)!important; font-size:13px!important; font-weight:650!important; text-align:center!important; } #cfw-side-cart .cfw-cart-item-subtotal, #cfw-side-cart .cfw-cart-item-subtotal .amount{ width:96px!important; min-width:96px!important; color:var(--yhn-commerce-accent)!important; font-size:13.5px!important; line-height:1.35!important; font-weight:700!important; text-align:right!important; white-space:nowrap!important; } #cfw-side-cart .cfw-remove-item-button{ width:20px!important; height:20px!important; top:8px!important; right:0!important; border-radius:50%!important; color:#9a979c!important; opacity:.72!important; } #cfw-side-cart tr:hover .cfw-remove-item-button, #cfw-side-cart .cfw-remove-item-button:hover, #cfw-side-cart .cfw-remove-item-button:focus-visible{ background:var(--yhn-commerce-accent-soft)!important; color:var(--yhn-commerce-accent)!important; opacity:1!important; } #cfw-side-cart .cfw-side-cart-contents-footer{ padding:16px 22px 20px!important; background:#fff!important; border-top:1px solid var(--yhn-commerce-border)!important; position:sticky!important; bottom:0!important; z-index:7!important; } #cfw-side-cart .cfw-side-cart-contents-footer-border-shim{ display:none!important; } #cfw-side-cart .cfw-coupon-wrap{ margin:0 0 12px!important; } #cfw-side-cart .cfw-show-coupons-module{ color:var(--yhn-commerce-text-2)!important; font-size:13px!important; font-weight:600!important; text-decoration:none!important; } #cfw-side-cart .cfw-show-coupons-module:hover, #cfw-side-cart .cfw-show-coupons-module:focus-visible{ color:var(--yhn-commerce-accent)!important; } #cfw-side-cart .cfw-promo-row .input-text{ min-height:42px!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:8px!important; background:#fff!important; box-shadow:none!important; } #cfw-side-cart .cfw-secondary-btn, #cfw-side-cart button.cfw-secondary-btn{ min-height:42px!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:8px!important; background:var(--yhn-commerce-surface-soft)!important; color:var(--yhn-commerce-text-2)!important; font-size:13px!important; font-weight:650!important; box-shadow:none!important; } #cfw-side-cart .cfw-side-cart-totals{ margin:8px 0 0!important; padding-top:10px!important; border-top:1px solid var(--yhn-commerce-border-soft)!important; } #cfw-side-cart .cfw-side-cart-totals table{ width:100%!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; } #cfw-side-cart .cfw-side-cart-totals table tr{ padding:6px 0!important; border:0!important; } #cfw-side-cart .cfw-side-cart-totals table tr.order-total{ margin-top:5px!important; padding-top:11px!important; border-top:1px solid var(--yhn-commerce-border)!important; } #cfw-side-cart .cfw-side-cart-totals th, #cfw-side-cart .cfw-side-cart-totals td{ padding:0!important; border:0!important; background:transparent!important; color:var(--yhn-commerce-text-2)!important; font-size:13.5px!important; font-weight:550!important; } #cfw-side-cart .cfw-side-cart-totals td, #cfw-side-cart .cfw-side-cart-totals td .amount{ color:var(--yhn-commerce-text)!important; font-weight:650!important; } #cfw-side-cart .cfw-side-cart-totals .order-total th{ color:var(--yhn-commerce-text)!important; font-weight:700!important; } #cfw-side-cart .cfw-side-cart-totals .order-total td, #cfw-side-cart .cfw-side-cart-totals .order-total .amount{ color:var(--yhn-commerce-accent)!important; font-size:17px!important; font-weight:750!important; } #cfw-side-cart .wc-proceed-to-checkout{ margin-top:14px!important; padding:0!important; } #cfw-side-cart .wc-proceed-to-checkout .cfw-primary-btn, #cfw-side-cart .cfw-primary-btn{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:50px!important; padding:0 18px!important; border:1px solid var(--yhn-commerce-accent)!important; border-radius:8px!important; background:var(--yhn-commerce-accent)!important; background-image:none!important; color:#fff!important; font-size:14px!important; font-weight:700!important; letter-spacing:.01em!important; text-decoration:none!important; box-shadow:none!important; } #cfw-side-cart .wc-proceed-to-checkout .cfw-primary-btn:hover, #cfw-side-cart .cfw-primary-btn:hover, #cfw-side-cart .cfw-primary-btn:focus-visible{ border-color:var(--yhn-commerce-accent-hover)!important; background:var(--yhn-commerce-accent-hover)!important; color:#fff!important; } /* Header is the intentional cart entry point; avoid a second floating cart UI. */ #cfw-side-cart-floating-button{ display:none!important; } /* ========================================================= 2) CART PAGE — QUIET PREMIUM FOUNDATION ========================================================= */ body.woocommerce-cart{ background:var(--yhn-commerce-bg)!important; } body.woocommerce-cart #main{ background:var(--yhn-commerce-bg)!important; } body.woocommerce-cart #content.content-area.page-wrapper{ max-width:1220px!important; padding:24px 20px 46px!important; } body.woocommerce-cart .checkout-page-title{ margin-bottom:18px!important; } body.woocommerce-cart .checkout-breadcrumbs, body.woocommerce-cart .checkout-page-title .breadcrumbs{ color:#a09da1!important; font-size:12px!important; font-weight:500!important; letter-spacing:.015em!important; } body.woocommerce-cart .checkout-breadcrumbs .current, body.woocommerce-cart .checkout-breadcrumbs a, body.woocommerce-cart .checkout-page-title .breadcrumbs a{ color:var(--yhn-commerce-text-2)!important; } body.woocommerce-cart .yhn-cart-heading{ margin:0 0 18px!important; padding:0 0 16px!important; border:0!important; border-bottom:1px solid var(--yhn-commerce-border)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.woocommerce-cart .yhn-cart-heading h1{ margin:0!important; color:var(--yhn-commerce-text)!important; font-size:28px!important; line-height:1.2!important; font-weight:650!important; letter-spacing:-.025em!important; } body.woocommerce-cart .yhn-cart-heading p{ margin:6px 0 0!important; color:var(--yhn-commerce-muted)!important; font-size:13px!important; line-height:1.55!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided{ gap:32px!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-7.col{ flex:0 0 calc(68% - 16px)!important; width:calc(68% - 16px)!important; max-width:calc(68% - 16px)!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-5.col, body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .cart-collaterals{ flex:0 0 calc(32% - 16px)!important; width:calc(32% - 16px)!important; max-width:calc(32% - 16px)!important; } body.woocommerce-cart .woocommerce-cart-form .cart-wrapper, body.woocommerce-cart .cart-sidebar{ border:1px solid var(--yhn-commerce-border)!important; border-radius:12px!important; background:var(--yhn-commerce-surface)!important; box-shadow:var(--yhn-commerce-shadow)!important; } body.woocommerce-cart .woocommerce-cart-form .cart-wrapper{ overflow:hidden!important; } body.woocommerce-cart table.shop_table.cart{ table-layout:auto!important; } body.woocommerce-cart table.shop_table.cart thead th{ padding:14px 16px!important; border-bottom:1px solid var(--yhn-commerce-border)!important; background:var(--yhn-commerce-surface-soft)!important; color:#77747a!important; font-size:11.5px!important; line-height:1.3!important; font-weight:650!important; letter-spacing:.055em!important; text-transform:uppercase!important; white-space:nowrap!important; } body.woocommerce-cart table.shop_table.cart th.product-name{ min-width:280px!important; } body.woocommerce-cart table.shop_table.cart th.product-price{ width:118px!important; } body.woocommerce-cart table.shop_table.cart th.product-quantity{ width:118px!important; } body.woocommerce-cart table.shop_table.cart th.product-subtotal{ width:130px!important; min-width:130px!important; } body.woocommerce-cart table.shop_table.cart tbody td{ padding:18px 16px!important; border-bottom:1px solid var(--yhn-commerce-border-soft)!important; background:#fff!important; } body.woocommerce-cart table.shop_table.cart td.product-thumbnail{ width:104px!important; } body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{ width:88px!important; height:88px!important; object-fit:cover!important; border:1px solid var(--yhn-commerce-border-soft)!important; border-radius:10px!important; background:#fff!important; } body.woocommerce-cart table.shop_table.cart td.product-name{ min-width:250px!important; padding-right:22px!important; } body.woocommerce-cart table.shop_table.cart td.product-name a{ color:var(--yhn-commerce-text)!important; font-size:14px!important; line-height:1.46!important; font-weight:650!important; text-decoration:none!important; } body.woocommerce-cart table.shop_table.cart td.product-name a:hover, body.woocommerce-cart table.shop_table.cart td.product-name a:focus-visible{ color:var(--yhn-commerce-accent)!important; } body.woocommerce-cart table.shop_table.cart td.product-price{ color:var(--yhn-commerce-text-2)!important; font-size:13.5px!important; font-weight:600!important; } body.woocommerce-cart table.shop_table.cart td.product-subtotal, body.woocommerce-cart table.shop_table.cart td.product-subtotal .amount{ color:var(--yhn-commerce-accent)!important; font-size:14px!important; font-weight:700!important; } body.woocommerce-cart table.shop_table.cart td.product-remove a.remove{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:26px!important; height:26px!important; line-height:1!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:50%!important; background:#fff!important; color:#99969b!important; font-size:16px!important; font-weight:400!important; } body.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover, body.woocommerce-cart table.shop_table.cart td.product-remove a.remove:focus-visible{ border-color:#efd1df!important; background:var(--yhn-commerce-accent-soft)!important; color:var(--yhn-commerce-accent)!important; } body.woocommerce-cart table.shop_table.cart td.product-quantity .quantity, body.woocommerce-cart table.shop_table.cart td.product-quantity .ux-quantity{ display:inline-flex!important; align-items:center!important; overflow:hidden!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:8px!important; background:#fff!important; box-shadow:none!important; } body.woocommerce-cart table.shop_table.cart td.product-quantity input.qty{ width:46px!important; min-width:46px!important; height:38px!important; border:0!important; border-radius:0!important; background:#fff!important; color:var(--yhn-commerce-text)!important; font-size:13px!important; font-weight:650!important; box-shadow:none!important; } body.woocommerce-cart table.shop_table.cart td.product-quantity .button, body.woocommerce-cart table.shop_table.cart td.product-quantity button, body.woocommerce-cart table.shop_table.cart td.product-quantity input[type="button"]{ min-width:30px!important; height:38px!important; min-height:38px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:var(--yhn-commerce-surface-soft)!important; color:#77747a!important; box-shadow:none!important; } body.woocommerce-cart table.shop_table.cart td.actions{ padding:14px 16px!important; background:#fff!important; } body.woocommerce-cart .button-continue-shopping{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:8px!important; background:#fff!important; color:var(--yhn-commerce-text-2)!important; font-size:12px!important; font-weight:650!important; letter-spacing:.025em!important; box-shadow:none!important; } body.woocommerce-cart .button-continue-shopping:hover, body.woocommerce-cart .button-continue-shopping:focus-visible{ border-color:#d9d5d0!important; background:var(--yhn-commerce-surface-soft)!important; color:var(--yhn-commerce-text)!important; } /* ===== Summary ===== */ body.woocommerce-cart .cart-sidebar{ padding:20px!important; } @media (min-width:850px){ body.woocommerce-cart .cart-sidebar{ position:sticky!important; top:22px!important; } } body.woocommerce-cart .cart_totals > h2{ margin:0 0 14px!important; padding:0 0 13px!important; border:0!important; border-bottom:1px solid var(--yhn-commerce-border)!important; border-radius:0!important; background:transparent!important; color:var(--yhn-commerce-text)!important; font-size:15px!important; line-height:1.3!important; font-weight:700!important; letter-spacing:.035em!important; text-transform:uppercase!important; } body.woocommerce-cart .cart_totals > table.shop_table{ border:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr > th, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr > td{ padding:12px 0!important; border:0!important; border-bottom:1px solid var(--yhn-commerce-border-soft)!important; background:transparent!important; color:var(--yhn-commerce-text-2)!important; font-size:13px!important; line-height:1.5!important; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr > th{ width:39%!important; padding-right:12px!important; font-weight:550!important; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr > td{ width:61%!important; font-weight:600!important; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.order-total > th, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.order-total > td{ padding-top:15px!important; padding-bottom:3px!important; border-bottom:0!important; color:var(--yhn-commerce-text)!important; font-weight:700!important; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.order-total > td, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.order-total .amount{ color:var(--yhn-commerce-accent)!important; font-size:18px!important; font-weight:750!important; } /* Flatten the nested shipping table without changing shipping logic. */ body.woocommerce-cart .cart_totals .woocommerce-shipping-totals > td.shipping__inner, body.woocommerce-cart .cart_totals .woocommerce-shipping-totals .shipping__table, body.woocommerce-cart .cart_totals .woocommerce-shipping-totals .shipping__table tbody, body.woocommerce-cart .cart_totals .woocommerce-shipping-totals .shipping__table tr, body.woocommerce-cart .cart_totals .woocommerce-shipping-totals .shipping__table th, body.woocommerce-cart .cart_totals .woocommerce-shipping-totals .shipping__table td{ border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.woocommerce-cart .cart_totals .woocommerce-shipping-totals .shipping__table th, body.woocommerce-cart .cart_totals .woocommerce-shipping-totals .shipping__table td{ padding:5px 0!important; color:var(--yhn-commerce-text-2)!important; font-size:12.5px!important; line-height:1.48!important; } body.woocommerce-cart .cart_totals .woocommerce-shipping-destination{ margin:6px 0 0!important; color:var(--yhn-commerce-muted)!important; font-size:12px!important; line-height:1.45!important; } body.woocommerce-cart .wc-proceed-to-checkout{ margin:18px 0 0!important; padding:0!important; } body.woocommerce-cart .checkout-button, body.woocommerce-cart .checkout-button.button, body.woocommerce-cart .checkout-button.button.alt, body.woocommerce-cart a.checkout-button{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:50px!important; margin:0!important; padding:0 18px!important; border:1px solid var(--yhn-commerce-accent)!important; border-radius:8px!important; background:var(--yhn-commerce-accent)!important; background-image:none!important; color:#fff!important; font-size:13px!important; font-weight:700!important; letter-spacing:.025em!important; text-transform:uppercase!important; box-shadow:none!important; } body.woocommerce-cart .checkout-button:hover, body.woocommerce-cart .checkout-button:focus-visible{ border-color:var(--yhn-commerce-accent-hover)!important; background:var(--yhn-commerce-accent-hover)!important; color:#fff!important; } /* ===== Coupon disclosure ===== */ body.woocommerce-cart .ux-cart-coupon, body.woocommerce-cart .cart-sidebar .coupon{ margin-top:16px!important; padding-top:14px!important; border-top:1px solid var(--yhn-commerce-border-soft)!important; background:transparent!important; } body.woocommerce-cart .ux-cart-coupon .widget-title{ position:relative!important; margin:0!important; padding:2px 24px 2px 0!important; color:var(--yhn-commerce-text-2)!important; font-size:13px!important; line-height:1.4!important; font-weight:600!important; cursor:pointer!important; outline:none!important; } body.woocommerce-cart .ux-cart-coupon .widget-title::after{ content:"+"; position:absolute; right:1px; top:50%; transform:translateY(-50%); color:#99969b; font-size:18px; font-weight:400; } body.woocommerce-cart .ux-cart-coupon.yhn-cart-coupon-disclosure:not(.is-collapsed) .widget-title::after{ content:"−"; } body.woocommerce-cart .ux-cart-coupon.yhn-cart-coupon-disclosure.is-collapsed > :not(.widget-title){ display:none!important; } body.woocommerce-cart .ux-cart-coupon .input-text{ min-height:42px!important; margin:12px 0 8px!important; border:1px solid var(--yhn-commerce-border)!important; border-radius:8px!important; background:#fff!important; color:var(--yhn-commerce-text)!important; font-size:13px!important; box-shadow:none!important; } body.woocommerce-cart .ux-cart-coupon .button{ width:100%!important; min-height:42px!important; margin:0!important; border:1px solid #3e3e43!important; border-radius:8px!important; background:#3e3e43!important; color:#fff!important; font-size:12px!important; font-weight:650!important; box-shadow:none!important; } /* ========================================================= 3) MOBILE CART + SIDE CART ========================================================= */ @media (max-width:849px){ #cfw-side-cart{ width:100vw!important; max-width:100vw!important; } #cfw-side-cart .cfw-side-cart-contents-header{ min-height:62px!important; padding:14px 16px 11px!important; } #cfw-side-cart .cfw-side-cart-close-btn{ width:34px!important; height:34px!important; top:14px!important; right:14px!important; } #cfw-side-cart .cfw-side-cart-contents{ padding:3px 16px 0!important; } #cfw-side-cart .cfw-side-cart-contents .cart-item-row td, #cfw-side-cart .cfw-side-cart-contents .cart-item-row th{ padding:13px 0!important; } #cfw-side-cart .cfw-cart-item-image{ width:68px!important; min-width:68px!important; } #cfw-side-cart .cfw-cart-item-image-wrap > span{ width:58px!important; height:58px!important; } #cfw-side-cart .cfw-cart-item-title, #cfw-side-cart .cfw-cart-item-title a, #cfw-side-cart .cfw-cart-item-title span{ font-size:13px!important; line-height:1.38!important; } #cfw-side-cart .cfw-cart-item-subtotal, #cfw-side-cart .cfw-cart-item-subtotal .amount{ width:82px!important; min-width:82px!important; font-size:12.5px!important; } #cfw-side-cart .cfw-side-cart-contents-footer{ padding:14px 16px 16px!important; } body.woocommerce-cart #content.content-area.page-wrapper{ padding:16px 12px 30px!important; } body.woocommerce-cart .checkout-page-title{ margin-bottom:12px!important; } body.woocommerce-cart .yhn-cart-heading{ margin-bottom:14px!important; padding-bottom:13px!important; } body.woocommerce-cart .yhn-cart-heading h1{ font-size:24px!important; } body.woocommerce-cart .yhn-cart-heading p{ font-size:12.5px!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided{ display:block!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-7.col, body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-5.col, body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .cart-collaterals{ width:100%!important; max-width:100%!important; flex:none!important; } body.woocommerce-cart .woocommerce-cart-form .cart-wrapper, body.woocommerce-cart .cart-sidebar{ border-radius:10px!important; box-shadow:none!important; } body.woocommerce-cart table.shop_table.cart tr.cart_item{ grid-template-columns:28px 82px minmax(0,1fr)!important; gap:7px 11px!important; padding:14px 13px!important; margin:0!important; border:0!important; border-bottom:1px solid var(--yhn-commerce-border-soft)!important; border-radius:0!important; background:#fff!important; } body.woocommerce-cart table.shop_table.cart tr.cart_item:last-of-type{ border-bottom:0!important; } body.woocommerce-cart td.product-remove{ padding-top:3px!important; } body.woocommerce-cart td.product-remove a.remove{ width:24px!important; height:24px!important; min-width:24px!important; min-height:24px!important; } body.woocommerce-cart td.product-thumbnail img{ width:82px!important; height:82px!important; border-radius:9px!important; } body.woocommerce-cart td.product-name a{ color:var(--yhn-commerce-text)!important; font-size:13px!important; line-height:1.4!important; } body.woocommerce-cart td.product-price{ margin:4px 0!important; color:var(--yhn-commerce-muted)!important; font-size:12px!important; } body.woocommerce-cart td.product-price .amount{ color:var(--yhn-commerce-text-2)!important; font-weight:600!important; } body.woocommerce-cart td.product-quantity{ margin:1px 0 4px!important; } body.woocommerce-cart td.product-quantity .ux-quantity, body.woocommerce-cart td.product-quantity .quantity{ border:1px solid var(--yhn-commerce-border)!important; border-radius:8px!important; } body.woocommerce-cart td.product-quantity input.qty{ width:42px!important; min-width:42px!important; height:34px!important; font-size:12.5px!important; } body.woocommerce-cart td.product-subtotal, body.woocommerce-cart td.product-subtotal .amount{ color:var(--yhn-commerce-accent)!important; font-size:13.5px!important; font-weight:700!important; } body.woocommerce-cart tr:last-child td.actions{ padding:10px 12px 12px!important; } body.woocommerce-cart .button-continue-shopping{ min-height:42px!important; border-radius:8px!important; font-size:11.5px!important; } body.woocommerce-cart .cart-sidebar{ margin-top:14px!important; padding:16px!important; } body.woocommerce-cart .cart_totals > h2{ margin-bottom:10px!important; padding-bottom:10px!important; font-size:14px!important; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr > th, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr > td{ padding:10px 0!important; font-size:12.5px!important; } body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.order-total > td, body.woocommerce-cart .cart_totals > table.shop_table > tbody > tr.order-total .amount{ font-size:17px!important; } body.woocommerce-cart .checkout-button, body.woocommerce-cart .checkout-button.button, body.woocommerce-cart .checkout-button.button.alt, body.woocommerce-cart a.checkout-button{ min-height:48px!important; border-radius:8px!important; font-size:12.5px!important; } body.woocommerce-cart .ux-cart-coupon{ margin-top:14px!important; padding-top:12px!important; } body.woocommerce-cart .ft-chatbox{ display:none!important; } } @media (prefers-reduced-motion:reduce){ #cfw-side-cart *, body.woocommerce-cart *{ transition:none!important; animation:none!important; } } /* ========================================================= 3.9.55.64.1 — CART + SIDE CART INTEGRATION FINAL ========================================================= */ body.yhn-cfw-sidecart-target .header-wrapper .cart-item:hover > .nav-dropdown, body.yhn-cfw-sidecart-target .header-wrapper .cart-item.current-dropdown > .nav-dropdown, body.yhn-cfw-sidecart-target .header .cart-item:hover > .nav-dropdown, body.yhn-cfw-sidecart-target .header .cart-item.current-dropdown > .nav-dropdown{ display:none!important; visibility:hidden!important; opacity:0!important; transform:none!important; pointer-events:none!important; } @media (min-width:850px){ body.woocommerce-cart #content.content-area.page-wrapper{ max-width:1260px!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided{ display:flex!important; flex-wrap:nowrap!important; align-items:flex-start!important; gap:28px!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-7.col{ flex:1 1 auto!important; width:auto!important; max-width:none!important; min-width:0!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-5.col, body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .cart-collaterals{ flex:0 0 330px!important; width:330px!important; max-width:330px!important; min-width:330px!important; } body.woocommerce-cart table.shop_table.cart{ width:100%!important; table-layout:auto!important; } body.woocommerce-cart table.shop_table.cart thead th, body.woocommerce-cart table.shop_table.cart tbody td{ padding-left:12px!important; padding-right:12px!important; } body.woocommerce-cart table.shop_table.cart th.product-name{ min-width:315px!important; } body.woocommerce-cart table.shop_table.cart td.product-name{ min-width:275px!important; padding-right:16px!important; } body.woocommerce-cart table.shop_table.cart th.product-price, body.woocommerce-cart table.shop_table.cart td.product-price{ width:104px!important; min-width:104px!important; white-space:nowrap!important; } body.woocommerce-cart table.shop_table.cart th.product-quantity, body.woocommerce-cart table.shop_table.cart td.product-quantity{ width:112px!important; min-width:112px!important; white-space:nowrap!important; } body.woocommerce-cart table.shop_table.cart th.product-subtotal, body.woocommerce-cart table.shop_table.cart td.product-subtotal{ width:138px!important; min-width:138px!important; white-space:nowrap!important; text-align:right!important; } body.woocommerce-cart table.shop_table.cart td.product-thumbnail{ width:96px!important; min-width:96px!important; } body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{ width:80px!important; height:80px!important; } body.woocommerce-cart table.shop_table.cart td.product-remove{ width:36px!important; min-width:36px!important; text-align:center!important; } } @media (min-width:850px) and (max-width:1099px){ body.woocommerce-cart .woocommerce > .row.row-large.row-divided{ gap:22px!important; } body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .large-5.col, body.woocommerce-cart .woocommerce > .row.row-large.row-divided > .cart-collaterals{ flex-basis:300px!important; width:300px!important; max-width:300px!important; min-width:300px!important; } body.woocommerce-cart table.shop_table.cart th.product-name{ min-width:250px!important; } body.woocommerce-cart table.shop_table.cart td.product-name{ min-width:220px!important; } body.woocommerce-cart table.shop_table.cart th.product-price, body.woocommerce-cart table.shop_table.cart td.product-price{ width:94px!important; min-width:94px!important; } body.woocommerce-cart table.shop_table.cart th.product-quantity, body.woocommerce-cart table.shop_table.cart td.product-quantity{ width:104px!important; min-width:104px!important; } body.woocommerce-cart table.shop_table.cart th.product-subtotal, body.woocommerce-cart table.shop_table.cart td.product-subtotal{ width:122px!important; min-width:122px!important; } } /* SOURCE: css/yhn-performance-phase1g.css */ /** * YHN Phase 1G.2 - Reduce initial rendering work without removing content. * Browsers without content-visibility support simply ignore these rules. */ @supports (content-visibility: auto) { .home #main .yhn-home-product-section, .home #main .yhn-home-editorial, .home #main .yhn-home-brands { content-visibility: auto; contain-intrinsic-size: auto 1100px; } .archive.woocommerce #main .shop-container .products { content-visibility: auto; contain-intrinsic-size: auto 2600px; } } /* SOURCE: css/yhn-home-merch-premium-balance.css */ /** * YHN 3.9.55.32 — Home + Merchandising Premium Balance * Surface-only refinement for Home, Flash Sale and Bestseller. * No markup, product query, grid count, ordering, visibility, countdown, * add-to-cart, reveal, filter or navigation behavior changes. */ /* ========================================================= * HOME — quieter retail hierarchy, same shopping flow * ========================================================= */ .home .yhn-home-premium .yhn-home-section__heading h2, .home .yhn-home-premium .yhn-home-reasons h2 { color: #292426 !important; font-weight: 650 !important; letter-spacing: .012em !important; } .home .yhn-home-premium .yhn-home-section__heading > a { color: #6d6669 !important; text-decoration-color: #c8bdc1 !important; } .home .yhn-home-premium .yhn-home-section__heading > a:hover { color: #c91b6d !important; transform: none !important; } .home .yhn-home-premium .yhn-home-button { border-radius: 5px !important; box-shadow: none !important; transition: background-color .18s ease, border-color .18s ease !important; } .home .yhn-home-premium .yhn-home-button:hover { transform: none !important; } /* Category cards: keep imagery and discoverability, remove app-card theatrics. */ .home .yhn-home-premium .yhn-home-category-card { background: #fff !important; border-color: #ece7e4 !important; border-radius: 7px !important; box-shadow: none !important; transition: border-color .18s ease !important; } .home .yhn-home-premium .yhn-home-category-card__image { background: #f8f6f4 !important; } .home .yhn-home-premium .yhn-home-category-card:hover { transform: none !important; box-shadow: none !important; border-color: #d8cfcb !important; } .home .yhn-home-premium .yhn-home-category-card:hover img { transform: none !important; } /* Product cards: real product photography stays primary. */ .home .yhn-home-premium .yhn-home-product-card { border-color: #ece8e5 !important; border-radius: 7px !important; box-shadow: none !important; transition: border-color .18s ease !important; } .home .yhn-home-premium .yhn-home-product-card:hover { transform: none !important; box-shadow: none !important; border-color: #d9d2ce !important; } .home .yhn-home-premium .yhn-home-product-card__badge { top: 9px !important; left: 9px !important; padding: 3px 6px !important; border-radius: 4px !important; box-shadow: none !important; font-size: 8px !important; letter-spacing: .035em !important; } .home .yhn-home-premium .yhn-home-product-card__badge--bestseller { background: #332d30 !important; color: #fff !important; } .home .yhn-home-premium .yhn-home-product-card__body { padding-bottom: 14px !important; } .home .yhn-home-premium .yhn-home-product-card h3 { color: #2b2728 !important; } /* Flash Sale presentation is owned by yhn-home-flash-395550.css from 3.9.55.50 onward. */ /* Brand row and editorial/news: flatter, more retailer-like. */ .home .yhn-home-premium .yhn-home-brand-grid { border-color: #e8e2df !important; border-radius: 5px !important; } .home .yhn-home-premium .yhn-home-brand-grid a { border-color: #e8e2df !important; background: #fff !important; } .home .yhn-home-premium .yhn-home-brand-grid a:hover { background: #faf8f6 !important; } .home .yhn-home-premium .yhn-home-news-card { border-color: #ece7e4 !important; border-radius: 7px !important; box-shadow: none !important; transition: border-color .18s ease !important; } .home .yhn-home-premium .yhn-home-news-card:hover { transform: none !important; box-shadow: none !important; border-color: #d9d1cd !important; } .home .yhn-home-premium .yhn-home-news-card:hover .yhn-home-news-card__image img { transform: none !important; } .home .yhn-home-premium .yhn-home-news-card__category { color: #9d5d77 !important; } /* Trust/reason area: keep all proof points, reduce card-within-card feeling. */ .home .yhn-home-premium .yhn-home-reason-grid > div { background: #fff !important; border-color: #ebe5e2 !important; border-radius: 6px !important; box-shadow: none !important; } .home .yhn-home-premium .yhn-home-reason-grid > div > span { color: #a87d62 !important; } .home .yhn-home-premium .yhn-home-proof { background: #faf8f6 !important; border-color: #ebe5e1 !important; } /* ========================================================= * BESTSELLER / FLASH LANDINGS — keep structure, calm the art/UI * ========================================================= */ .yhn-pl--flash .yhn-pl-hero, .yhn-pl--bestseller .yhn-pl-hero { border-color: #ebe5e2 !important; border-radius: 20px !important; background: #fff !important; box-shadow: none !important; } .yhn-pl--flash .yhn-pl-campaign-art, .yhn-pl--bestseller .yhn-pl-campaign-art { opacity: .9 !important; } .yhn-pl--flash .yhn-pl-hero h1, .yhn-pl--bestseller .yhn-pl-hero h1 { color: #282225 !important; font-weight: 500 !important; } .yhn-pl--flash .yhn-pl-eyebrow, .yhn-pl--bestseller .yhn-pl-eyebrow { color: #9b6578 !important; } .yhn-pl--flash .yhn-pl-primary, .yhn-pl--bestseller .yhn-pl-primary { border-radius: 6px !important; box-shadow: none !important; transition: background-color .18s ease, border-color .18s ease !important; } .yhn-pl--flash .yhn-pl-primary:hover, .yhn-pl--bestseller .yhn-pl-primary:hover { transform: none !important; box-shadow: none !important; } .yhn-pl--flash .yhn-pl-countdown > div, .yhn-pl--bestseller .yhn-pl-countdown > div { border-color: #e9e2df !important; border-radius: 7px !important; background: #fff !important; box-shadow: none !important; } .yhn-pl--flash .yhn-pl-trust, .yhn-pl--bestseller .yhn-pl-trust { border-color: #ebe5e2 !important; border-radius: 10px !important; box-shadow: none !important; } /* Bestseller Top 3 stays easy to understand, but looks less like a UI kit. */ .yhn-pl--bestseller .yhn-pl-podium-card { border-color: #e9e3df !important; border-radius: 14px !important; background: #fff !important; box-shadow: none !important; } .yhn-pl--bestseller .yhn-pl-podium-card:hover { transform: none !important; box-shadow: none !important; } .yhn-pl--bestseller .yhn-pl-podium-rank { border: 1px solid #e0d8d4 !important; background: #332d30 !important; color: #fff !important; box-shadow: none !important; } /* Merch product cards: retain buttons/rating/reveal, remove floating-card effect. */ .yhn-pl--flash .yhn-pc-media, .yhn-pl--bestseller .yhn-pc-media { border-color: #eae5e2 !important; border-radius: 14px !important; background: #fff !important; box-shadow: none !important; } .yhn-pl--flash .yhn-pc-card:hover .yhn-pc-media, .yhn-pl--bestseller .yhn-pc-card:hover .yhn-pc-media { transform: none !important; border-color: #d8d1cd !important; box-shadow: none !important; } .yhn-pl--flash .yhn-pc-card:hover .yhn-pc-image img, .yhn-pl--bestseller .yhn-pc-card:hover .yhn-pc-image img { transform: none !important; } .yhn-pl--flash .yhn-pc-badge, .yhn-pl--bestseller .yhn-pc-badge, .yhn-pl--bestseller .yhn-pc-rank { box-shadow: none !important; } .yhn-pl--flash .yhn-pc-badge { background: #d21c70 !important; } .yhn-pl--bestseller .yhn-pc-rank { background: #332d30 !important; } /* Existing editorial art stays, but its container no longer reads as a generated promo card. */ .yhn-pl--flash .yhn-pl-editorial, .yhn-pl--bestseller .yhn-pl-editorial { border-color: #e9e3df !important; border-radius: 18px !important; box-shadow: none !important; } .yhn-pl--flash .yhn-pl-editorial-overlay, .yhn-pl--bestseller .yhn-pl-editorial-overlay { border-color: rgba(221, 211, 205, .84) !important; box-shadow: none !important; } @media (max-width: 849px) { .yhn-pl--flash .yhn-pl-hero, .yhn-pl--bestseller .yhn-pl-hero { border-radius: 16px !important; } .home .yhn-home-premium .yhn-home-category-card, .home .yhn-home-premium .yhn-home-product-card, .home .yhn-home-premium .yhn-home-news-card { border-radius: 6px !important; } } @media (prefers-reduced-motion: reduce) { .home .yhn-home-premium .yhn-home-category-card, .home .yhn-home-premium .yhn-home-product-card, .home .yhn-home-premium .yhn-home-news-card, .yhn-pl--flash .yhn-pc-media, .yhn-pl--bestseller .yhn-pc-media { transition: none !important; } } /* SOURCE: css/yhn-home-flash-395556.css */ /** * YHN 3.9.55.56 — Home Flash Sale benefit-strip SVG icon owner. * This file is the single storefront owner for Home Flash Sale presentation. * Commerce data remains WooCommerce-owned; no fabricated sold-volume data. */ .home .yhn-home-flash--premium50{ position:relative; isolation:isolate; padding:50px 0 48px; } .home .yhn-home-flash--premium50::before{ content:""; position:absolute; z-index:-1; top:0;bottom:0;left:50%; width:100vw; transform:translateX(-50%); border-top:1px solid #f4e3ea; border-bottom:1px solid #f4e3ea; background: radial-gradient(circle at 91% 10%,rgba(239,37,121,.06),transparent 25%), linear-gradient(180deg,#fff5f9 0%,#fff8fb 42%,#fff 100%); } .home .yhn-home-flash--premium50 .yhn-home-shell{ position:relative; padding:0; } .home .yhn-home-flash--premium50 .yhn-home-flash__heading{ display:grid!important; grid-template-columns:minmax(0,1fr) auto auto; align-items:center!important; gap:18px!important; min-height:54px!important; margin:0 0 22px!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap{ display:flex; align-items:center; min-width:0; gap:16px; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2{ display:flex!important; align-items:center!important; gap:10px!important; flex:0 0 auto; margin:0!important; color:#1f2433!important; font-size:30px!important; line-height:1.12!important; font-weight:700!important; overflow:visible!important; letter-spacing:-.02em!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2>.yhn-home-flash__bolt{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:26px!important; height:34px!important; flex:0 0 26px!important; margin:0 1px 0 0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#e0146c!important; box-shadow:none!important; line-height:0!important; overflow:visible!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2>.yhn-home-flash__bolt svg{ display:block!important; width:24px!important; height:32px!important; overflow:visible!important; fill:currentColor!important; stroke:none!important; filter:drop-shadow(0 2px 3px rgba(224,20,108,.10)); } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2>.yhn-home-flash__title-text{ display:inline-block!important; width:auto!important; height:auto!important; margin:0!important; padding:2px 0 3px!important; border:0!important; background:transparent!important; color:inherit!important; box-shadow:none!important; font:inherit!important; line-height:1.12!important; white-space:nowrap!important; overflow:visible!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap p{ position:relative; min-width:0; margin:0!important; padding-left:16px!important; border-left:2px solid #e9b9cf!important; color:#5f5a60!important; font-size:13px!important; line-height:1.45!important; white-space:normal!important; } .home .yhn-home-flash--premium50 .yhn-home-countdown{ position:static!important; left:auto!important; transform:none!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; width:auto!important; margin:0!important; padding:6px 8px 6px 11px!important; border:1px solid #f0d7e2!important; border-radius:999px!important; background:rgba(255,255,255,.96)!important; color:#d51668!important; box-shadow:0 6px 20px rgba(130,41,80,.07)!important; white-space:nowrap!important; } .home .yhn-home-flash--premium50 .yhn-home-countdown__clock{ position:relative; width:18px;height:18px; flex:0 0 18px; border:2px solid #e0146c; border-radius:50%; } .home .yhn-home-flash--premium50 .yhn-home-countdown__clock::before{ content:"";position:absolute;left:7px;top:3px;width:1.5px;height:5px;background:#e0146c;border-radius:2px; } .home .yhn-home-flash--premium50 .yhn-home-countdown__clock::after{ content:"";position:absolute;left:7px;top:7px;width:4px;height:1.5px;background:#e0146c;border-radius:2px;transform:rotate(18deg);transform-origin:left center; } .home .yhn-home-flash--premium50 .yhn-home-countdown__label{ color:#ce1a65!important; font-size:11.5px!important; font-weight:700!important; } .home .yhn-home-flash--premium50 .yhn-home-countdown__days{ padding:0 2px; color:#9c5574; font-size:10.5px; font-weight:700; } .home .yhn-home-flash--premium50 .yhn-home-countdown strong{ display:inline-flex!important; align-items:center!important; gap:4px!important; min-height:34px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; box-shadow:none!important; font-size:13px!important; font-weight:800!important; font-variant-numeric:tabular-nums; letter-spacing:.02em!important; } .home .yhn-home-flash--premium50 .yhn-home-countdown strong b{ display:inline-flex; align-items:center; justify-content:center; min-width:34px;height:34px; padding:0 7px; border-radius:7px; background:#dd176a; color:#fff; font:inherit; box-shadow:0 3px 8px rgba(221,23,106,.13); } .home .yhn-home-flash--premium50 .yhn-home-countdown strong i{ color:#d21a68; font-style:normal; font-weight:800; } .home .yhn-home-flash--premium50 .yhn-home-flash__heading>a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; margin:0!important; padding:9px 18px!important; border:1.5px solid #e0146c!important; border-radius:999px!important; background:#fff!important; color:#d21667!important; font-size:12px!important; font-weight:700!important; line-height:1!important; text-decoration:none!important; box-shadow:none!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__heading>a::after{content:"→";margin-left:7px;font-size:14px} .home .yhn-home-flash--premium50 .yhn-home-flash__heading>a:hover{background:#fff0f6!important;transform:none!important} .home .yhn-home-flash--premium50 .yhn-home-product-grid{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:14px!important; align-items:stretch!important; max-width:none!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card{ display:flex!important; flex-direction:column!important; height:100%!important; overflow:hidden!important; border:1px solid #ecdfe5!important; border-radius:12px!important; background:#fff!important; box-shadow:0 7px 20px rgba(93,44,66,.06)!important; transition:border-color .18s ease,box-shadow .18s ease!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card:hover{ transform:none!important; border-color:#e5c8d5!important; box-shadow:0 9px 24px rgba(93,44,66,.08)!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card__image{ display:block!important; position:relative!important; overflow:hidden!important; aspect-ratio:1/0.92!important; padding:10px!important; border-radius:0!important; background:#fff!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card__image img{ width:100%!important;height:100%!important; object-fit:contain!important; transition:none!important;transform:none!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card__badge--flash{ top:8px!important;left:8px!important; min-width:44px!important; padding:5px 8px!important; border:0!important;border-radius:5px!important; background:#e0146c!important; color:#fff!important; box-shadow:none!important; font-size:10px!important; font-weight:800!important; line-height:1.1!important; text-align:center!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card__body{ display:flex!important; flex-direction:column!important; flex:1 1 auto!important; padding:12px 12px 11px!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card h3{ height:auto!important; min-height:4.5em!important; margin:0 0 8px!important; color:#222631!important; font-size:12px!important; font-weight:600!important; line-height:1.5!important; overflow:visible!important; white-space:normal!important; word-break:normal!important; overflow-wrap:anywhere!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card h3 a{color:inherit!important;text-decoration:none!important} .home .yhn-home-flash--premium50 .yhn-home-product-card__price{ min-height:38px; margin-top:auto!important; color:#e0146c!important; font-size:13px!important; font-weight:800!important; line-height:1.35!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card__price del, .home .yhn-home-flash--premium50 .yhn-home-product-card__price del .woocommerce-Price-amount{ color:#999095!important; font-size:10px!important; font-weight:500!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card__price ins{text-decoration:none!important} .home .yhn-home-flash--premium50 .yhn-home-flash__deal-line{ width:100%!important;height:2px!important; margin:8px 0 10px!important; border-radius:2px!important; background:linear-gradient(90deg,#e0146c 0 44px,#f5dce7 44px 100%)!important; opacity:1!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__deal-line>span{display:none!important} .home .yhn-home-flash--premium50 .yhn-home-flash__cta{ display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-height:38px!important; padding:8px 10px!important; border:1px solid #efcada!important; border-radius:999px!important; background:#fff0f6!important; color:#cf1762!important; font-size:10.5px!important; font-weight:700!important; line-height:1.15!important; text-align:center!important; text-decoration:none!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__cta:hover{background:#ffe4ef!important;color:#b81256!important} .home .yhn-home-flash--premium50 .yhn-home-flash__cta-mark{ position:relative; width:14px;height:12px; flex:0 0 14px; border:1.6px solid currentColor; border-top:0; border-radius:2px; } .home .yhn-home-flash--premium50 .yhn-home-flash__cta-mark::before{ content:"";position:absolute;left:3px;top:-5px;width:6px;height:6px;border:1.6px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0; } .home .yhn-home-flash--premium50 .yhn-home-flash__benefits{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)) minmax(175px,.95fr)!important; align-items:stretch!important; gap:0!important; margin:18px 0 0!important; padding:0!important; overflow:hidden!important; border:1px solid #ecdfe5!important; border-radius:13px!important; background:rgba(255,255,255,.95)!important; box-shadow:0 6px 20px rgba(93,44,66,.045)!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__benefit{ display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; align-items:center!important; gap:11px!important; min-height:82px!important; padding:15px 15px!important; border-right:1px solid #eee1e7!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:34px!important; height:34px!important; color:#e0146c!important; line-height:0!important; flex:0 0 34px!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon::before, .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon::after{ content:none!important; display:none!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon svg{ display:block!important; width:31px!important; height:31px!important; overflow:visible!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; vector-effect:non-scaling-stroke; } .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy{min-width:0!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy strong{ display:block!important; margin:0 0 3px!important; color:#222631!important; font-size:11.3px!important; font-weight:750!important; line-height:1.28!important; letter-spacing:-.01em!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy small{ display:block!important; color:#756d72!important; font-size:9.4px!important; line-height:1.38!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__campaign-note{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:82px!important; padding:13px 16px!important; color:#e0146c!important; font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive!important; font-size:19px!important; font-weight:500!important; line-height:1.2!important; text-align:center!important; white-space:nowrap!important; transform:rotate(-1deg); } /* Optional Classic preset — same data, intentionally quieter. */ .home .yhn-home-flash--classic50{padding-top:48px} .home .yhn-home-flash--classic50 .yhn-home-shell{position:relative;padding:0} .home .yhn-home-flash--classic50 .yhn-home-flash__heading{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:18px!important} .home .yhn-home-flash--classic50 .yhn-home-flash__title-wrap{display:flex;align-items:center;gap:12px;min-width:0} .home .yhn-home-flash--classic50 .yhn-home-flash__title-wrap h2{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:22px!important;color:#252124!important} .home .yhn-home-flash--classic50 .yhn-home-flash__title-wrap h2>.yhn-home-flash__bolt{display:inline-block!important;width:16px;height:23px;flex:0 0 16px;background:#d9166b!important;clip-path:polygon(48% 0,100% 0,68% 39%,94% 39%,28% 100%,42% 56%,10% 56%);box-shadow:none!important} .home .yhn-home-flash--classic50 .yhn-home-flash__title-wrap p{margin:0!important;color:#766c71!important;font-size:11px!important} .home .yhn-home-flash--classic50 .yhn-home-countdown{position:static!important;transform:none!important;margin-left:auto!important} .home .yhn-home-flash--classic50 .yhn-home-flash__heading>a{flex:0 0 auto} .home .yhn-home-flash--classic50 .yhn-home-product-grid{gap:16px!important} .home .yhn-home-flash--classic50 .yhn-home-flash__deal-line{height:2px;width:30px;margin:8px 0 9px;border-radius:99px;background:#d9166b;opacity:.72} .home .yhn-home-flash--classic50 .yhn-home-flash__deal-line>span{display:none} .home .yhn-home-flash--classic50 .yhn-home-flash__cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #f0d4df;border-radius:5px;color:#c61460!important;background:#fff;font-size:10.5px;font-weight:700} .home .yhn-home-flash--premium50.yhn-home-flash--no-countdown .yhn-home-flash__heading>a, .home .yhn-home-flash--classic50.yhn-home-flash--no-countdown .yhn-home-flash__heading>a{margin-left:auto!important} /* 3.9.55.52: desktop-only card proportion polish — ~8% more visual presence without changing product count or Home flow. */ @media(min-width:1101px){ .home .yhn-home-flash--premium50 .yhn-home-product-card__image{ aspect-ratio:1/1!important; padding:10px!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card__body{ padding:13px 12px 12px!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card h3{ min-height:3.15em!important; margin-bottom:9px!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__cta{ min-height:40px!important; } } @media(max-width:1100px) and (min-width:850px){ .home .yhn-home-flash--premium50 .yhn-home-flash__heading{grid-template-columns:minmax(0,1fr) auto} .home .yhn-home-flash--premium50 .yhn-home-flash__heading>a{grid-column:2;grid-row:2;justify-self:end;margin-top:-8px!important} .home .yhn-home-flash--premium50 .yhn-home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefits{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(180px,1fr)!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit:nth-child(2){border-right:0!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit:nth-child(-n+2){border-bottom:1px solid #eee1e7!important} .home .yhn-home-flash--premium50 .yhn-home-flash__campaign-note{grid-column:3;grid-row:1/3} } @media(max-width:849px){ .home .yhn-home-flash--premium50{padding:42px 0} .home .yhn-home-flash--premium50 .yhn-home-flash__heading{grid-template-columns:1fr auto!important;gap:12px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap{grid-column:1/-1;width:100%} .home .yhn-home-flash--premium50 .yhn-home-countdown{grid-column:1;grid-row:2;margin:0!important} .home .yhn-home-flash--premium50 .yhn-home-flash__heading>a{grid-column:2;grid-row:2;margin:0!important} .home .yhn-home-flash--premium50 .yhn-home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit:nth-child(2n){border-right:0!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit:nth-child(-n+2){border-bottom:1px solid #eee1e7!important} .home .yhn-home-flash--premium50 .yhn-home-flash__campaign-note{grid-column:1/-1;min-height:58px;border-top:1px solid #eee1e7} .home .yhn-home-flash--classic50 .yhn-home-flash__heading{flex-wrap:wrap!important}.home .yhn-home-flash--classic50 .yhn-home-flash__title-wrap{width:100%}.home .yhn-home-flash--classic50 .yhn-home-countdown{margin-left:0!important}.home .yhn-home-flash--classic50 .yhn-home-flash__heading>a{margin-left:auto!important} } @media(max-width:549px){ .home .yhn-home-flash--premium50{padding:36px 0 38px} .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap{display:block} .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2{font-size:22px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2>.yhn-home-flash__bolt{width:22px!important;height:30px!important;flex-basis:22px!important}.home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2>.yhn-home-flash__bolt svg{width:20px!important;height:28px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap p{margin-top:7px!important;padding-left:0!important;border-left:0!important;font-size:10px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__heading{display:flex!important;flex-wrap:wrap!important;align-items:center!important} .home .yhn-home-flash--premium50 .yhn-home-countdown{order:2;max-width:100%;padding:5px 6px 5px 9px!important;gap:6px!important} .home .yhn-home-flash--premium50 .yhn-home-countdown__label{font-size:9.5px!important} .home .yhn-home-flash--premium50 .yhn-home-countdown__days{font-size:9px} .home .yhn-home-flash--premium50 .yhn-home-countdown strong b{min-width:28px;height:29px;padding:0 5px} .home .yhn-home-flash--premium50 .yhn-home-flash__heading>a{order:3;margin-left:auto!important;min-height:36px!important;padding:8px 12px!important;font-size:10px!important} .home .yhn-home-flash--premium50 .yhn-home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .home .yhn-home-flash--premium50 .yhn-home-product-card__image{aspect-ratio:1/1!important;padding:7px!important} .home .yhn-home-flash--premium50 .yhn-home-product-card__body{padding:10px!important} .home .yhn-home-flash--premium50 .yhn-home-product-card h3{font-size:10.5px!important;height:auto!important;min-height:4.35em!important;overflow:visible!important} .home .yhn-home-flash--premium50 .yhn-home-product-card__price{font-size:12px!important;min-height:34px} .home .yhn-home-flash--premium50 .yhn-home-flash__cta{min-height:35px!important;padding:7px 7px!important;font-size:9.5px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefits{grid-template-columns:1fr!important;margin-top:14px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit{min-height:58px!important;border-right:0!important;border-bottom:1px solid #eee1e7!important} .home .yhn-home-flash--premium50 .yhn-home-flash__campaign-note{min-height:54px;font-size:16px} .home .yhn-home-flash--classic50{padding-top:38px}.home .yhn-home-flash--classic50 .yhn-home-flash__title-wrap{display:block}.home .yhn-home-flash--classic50 .yhn-home-flash__title-wrap p{margin-top:5px!important}.home .yhn-home-flash--classic50 .yhn-home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} } /* ==========================================================================\n YHN 3.9.55.51 — production heading/control fix\n The generic .yhn-home-section__heading rules position direct anchors\n absolutely and allow the subtitle to collapse. Flash owns this layout.\n ========================================================================== */ @media (min-width:1101px){ .home .yhn-home-flash--premium50 .yhn-home-flash__heading{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; justify-content:stretch!important; gap:24px!important; min-height:58px!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap{ display:grid!important; grid-template-columns:auto minmax(260px,360px)!important; align-items:center!important; justify-content:start!important; gap:16px!important; min-width:0!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap h2{ white-space:nowrap!important; text-align:left!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap p{ width:auto!important; min-width:260px!important; max-width:360px!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; text-align:left!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__controls{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:12px!important; min-width:max-content!important; } } .home .yhn-home-flash--premium50 .yhn-home-flash__controls>.yhn-home-flash__view-all{ position:static!important; right:auto!important; top:auto!important; transform:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; margin:0!important; padding:9px 18px!important; border:1.5px solid #e0146c!important; border-radius:999px!important; background:#fff!important; color:#d21667!important; font-size:12px!important; font-weight:700!important; line-height:1!important; text-decoration:none!important; box-shadow:none!important; flex:0 0 auto!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__controls>.yhn-home-flash__view-all::after{ content:"→";margin-left:7px;font-size:14px;line-height:1; } .home .yhn-home-flash--premium50 .yhn-home-flash__controls>.yhn-home-flash__view-all:hover{ background:#fff0f6!important;color:#b81256!important;transform:none!important; } @media (max-width:1100px) and (min-width:850px){ .home .yhn-home-flash--premium50 .yhn-home-flash__heading{ display:grid!important;grid-template-columns:1fr!important;gap:12px!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap{ display:grid!important;grid-template-columns:auto minmax(220px,1fr)!important;gap:14px!important;width:100%!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__controls{ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important; } } @media (max-width:849px){ .home .yhn-home-flash--premium50 .yhn-home-flash__heading{ display:block!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__title-wrap{ width:100%!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__controls{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;margin-top:12px!important; } } @media (max-width:549px){ .home .yhn-home-flash--premium50 .yhn-home-flash__controls{ gap:8px!important;margin-top:10px!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__controls .yhn-home-countdown{ max-width:calc(100% - 90px)!important;min-width:0!important; } .home .yhn-home-flash--premium50 .yhn-home-flash__controls>.yhn-home-flash__view-all{ min-height:36px!important;padding:8px 11px!important;font-size:10px!important; } } /* ========================================================================== YHN 3.9.55.55 — Natural Flash product-title rhythm The displayed label is shortened server-side at a real word boundary. No fixed clipping box: one/two/three-line labels can breathe naturally, while the flex card keeps price and CTA aligned at the bottom. ========================================================================== */ .home .yhn-home-flash--premium50 .yhn-home-product-card h3{ display:block!important; height:auto!important; min-height:3em!important; max-height:none!important; margin:0 0 8px!important; overflow:visible!important; font-size:11.8px!important; line-height:1.45!important; } .home .yhn-home-flash--premium50 .yhn-home-product-card h3>a{ display:block!important; width:100%!important; max-width:100%!important; overflow:visible!important; -webkit-box-orient:initial!important; -webkit-line-clamp:unset!important; line-clamp:unset!important; text-overflow:clip!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } @media(max-width:549px){ .home .yhn-home-flash--premium50 .yhn-home-product-card h3{ min-height:2.9em!important; font-size:11.5px!important; line-height:1.45!important; } } /* 3.9.55.56 — Benefit-strip responsive icon scale. */ @media(max-width:1100px) and (min-width:850px){ .home .yhn-home-flash--premium50 .yhn-home-flash__benefit{grid-template-columns:42px minmax(0,1fr)!important;min-height:76px!important;padding:13px 14px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon{width:32px!important;height:32px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon svg{width:29px!important;height:29px!important} } @media(max-width:549px){ .home .yhn-home-flash--premium50 .yhn-home-flash__benefit{grid-template-columns:40px minmax(0,1fr)!important;min-height:64px!important;padding:11px 13px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon{width:30px!important;height:30px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-icon svg{width:27px!important;height:27px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy strong{font-size:11px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy small{font-size:9.2px!important} .home .yhn-home-flash--premium50 .yhn-home-flash__campaign-note{min-height:56px!important;font-size:17px!important;transform:none} } /* SOURCE: css/yhn-footer-premium-395563.css */ /* * YHN 3.9.55.62 — Footer Absolute Quiet Premium Mobile Final * Visual-only. Keeps the locked 4-column footer structure, links, contact data, * payment methods, widget rendering and mobile ordering intact. */ #footer .footer-widgets.footer.footer-2{ background:#5b5c62 !important; color:rgba(255,255,255,.86) !important; padding:32px 0 27px !important; border-top:1px solid rgba(255,255,255,.07) !important; } #footer .footer-widgets.footer.footer-2 .row{ max-width:1280px !important; } #footer .footer-widgets.footer.footer-2 .col{ padding-left:22px !important; padding-right:22px !important; } #footer .footer-widgets.footer.footer-2 .widget-title{ margin:0 0 8px !important; color:#fff !important; font-size:13.5px !important; line-height:1.28 !important; font-weight:700 !important; letter-spacing:.045em !important; text-transform:uppercase !important; } #footer .footer-widgets.footer.footer-2 .yhn-footer-policy .widget-title{ font-size:13px !important; } #footer .footer-widgets.footer.footer-2 .is-divider.small{ width:24px !important; max-width:24px !important; height:2px !important; margin:0 0 14px !important; border-radius:0 !important; background:#ef2b7a !important; } #footer .footer-widgets.footer.footer-2, #footer .footer-widgets.footer.footer-2 p, #footer .footer-widgets.footer.footer-2 li, #footer .footer-widgets.footer.footer-2 span, #footer .footer-widgets.footer.footer-2 .textwidget{ color:rgba(255,255,255,.84) !important; font-size:13.2px !important; line-height:1.62 !important; } #footer .footer-widgets.footer.footer-2 .yhn-footer-about p{ margin:0 0 9px !important; max-width:300px; color:rgba(255,255,255,.80) !important; } #footer .footer-widgets.footer.footer-2 a{ color:rgba(255,255,255,.90) !important; text-decoration:none !important; } #footer .footer-widgets.footer.footer-2 a:hover{ color:#fff !important; } #footer .yhn-footer-classic-links li{ border-bottom:1px solid rgba(255,255,255,.040) !important; } #footer .yhn-footer-classic-links li:last-child{ border-bottom:0 !important; } #footer .yhn-footer-classic-links a, #footer .yhn-footer-more a{ gap:8px !important; padding:4px 0 !important; line-height:1.42 !important; } #footer .yhn-footer-leading-icon{ width:12px !important; height:18px !important; flex-basis:12px !important; opacity:.48 !important; color:rgba(255,255,255,.9) !important; } #footer .yhn-footer-leading-icon svg{ width:10px !important; height:10px !important; stroke-width:1.8 !important; } #footer .yhn-footer-classic-links a:hover .yhn-footer-leading-icon, #footer .yhn-footer-more a:hover .yhn-footer-leading-icon{ transform:translateX(1px) !important; color:#f6a7c8 !important; opacity:.86 !important; } #footer .yhn-footer-more{ margin-top:10px !important; font-weight:600 !important; } #footer .yhn-footer-contact-list{ gap:9px !important; } #footer .yhn-footer-contact-row{ gap:10px !important; min-height:25px !important; color:rgba(255,255,255,.86) !important; } #footer .yhn-footer-contact-icon{ width:25px !important; height:25px !important; flex-basis:25px !important; margin-top:0 !important; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:rgba(255,255,255,.022); color:rgba(255,255,255,.92) !important; opacity:1 !important; } #footer .yhn-footer-contact-icon svg{ width:13px !important; height:13px !important; stroke-width:1.65 !important; } #footer .yhn-footer-contact-row span:not(.yhn-footer-contact-icon){ margin-top:1px !important; color:rgba(255,255,255,.62) !important; font-size:11.8px !important; line-height:1.45 !important; } #footer .yhn-footer-contact-primary{ color:#fff !important; font-weight:700 !important; } #footer .yhn-footer-social-icons{ gap:8px !important; margin-top:13px !important; } #footer .yhn-footer-social-icons a{ width:30px !important; height:30px !important; border:1px solid rgba(255,255,255,.20) !important; background:transparent !important; color:#fff !important; box-shadow:none !important; } #footer .yhn-footer-social-icons a:hover{ background:#c9176b !important; border-color:#c9176b !important; transform:none !important; } #footer .absolute-footer{ background:#35363b !important; border-top:1px solid rgba(255,255,255,.055) !important; padding:12px 0 11px !important; } #footer .absolute-footer .footer-nav a, #footer #menu-footer-links a{ color:rgba(255,255,255,.52) !important; font-weight:500 !important; } #footer .absolute-footer .footer-nav a:hover, #footer #menu-footer-links a:hover{ color:#fff !important; } #footer .absolute-footer .copyright-footer{ color:rgba(255,255,255,.60) !important; font-size:11.8px !important; } #footer .absolute-footer .payment-icon, #footer .absolute-footer .footer-text img{ opacity:.60 !important; } @media (max-width:849px){ #footer .footer-widgets.footer.footer-2{ padding:22px 0 17px !important; } #footer .footer-widgets.footer.footer-2 .col{ padding-left:17px !important; padding-right:17px !important; } #footer .footer-widgets.footer.footer-2 .widget-title{ font-size:14px !important; } #footer .footer-widgets.footer.footer-2 .yhn-footer-policy .widget-title{ font-size:13.5px !important; } #footer .footer-widgets.footer.footer-2, #footer .footer-widgets.footer.footer-2 p, #footer .footer-widgets.footer.footer-2 li, #footer .footer-widgets.footer.footer-2 span, #footer .footer-widgets.footer.footer-2 .textwidget{ font-size:13px !important; line-height:1.58 !important; } } @media (max-width:549px){ /* Shorter vertical rhythm without changing the locked 4-column ordering. */ #footer .footer-widgets.footer.footer-2{ padding:17px 0 11px !important; } #footer .footer-widgets.footer.footer-2 .yhn-footer-col, #footer .footer-widgets.footer.footer-2 .col{ margin-bottom:10px !important; padding-bottom:24px !important; } #footer .footer-widgets.footer.footer-2 .yhn-footer-contact{ margin-bottom:2px !important; padding-bottom:12px !important; } /* Smaller, calmer section titles. */ #footer .footer-widgets.footer.footer-2 .widget-title{ margin-bottom:6px !important; font-size:14px !important; line-height:1.24 !important; font-weight:650 !important; letter-spacing:.035em !important; } #footer .footer-widgets.footer.footer-2 .yhn-footer-policy .widget-title{ font-size:13.7px !important; } #footer .footer-widgets.footer.footer-2 .is-divider.small{ width:22px !important; max-width:22px !important; height:2px !important; margin-bottom:9px !important; opacity:.88 !important; } #footer .footer-widgets.footer.footer-2, #footer .footer-widgets.footer.footer-2 p, #footer .footer-widgets.footer.footer-2 li, #footer .footer-widgets.footer.footer-2 span, #footer .footer-widgets.footer.footer-2 .textwidget{ font-size:12.8px !important; line-height:1.50 !important; } #footer .footer-widgets.footer.footer-2 .yhn-footer-about p{ margin-bottom:5px !important; } #footer .yhn-footer-more{ margin-top:6px !important; } /* Menu rows recede into the surface instead of reading like a widget list. */ #footer .yhn-footer-classic-links li{ border-bottom-color:rgba(255,255,255,.028) !important; } #footer .yhn-footer-classic-links a{ min-height:30px !important; padding:2px 0 !important; } #footer .yhn-footer-leading-icon, #footer .yhn-footer-classic-links a:hover .yhn-footer-leading-icon, #footer .yhn-footer-classic-links a:focus .yhn-footer-leading-icon, #footer .yhn-footer-more a:hover .yhn-footer-leading-icon, #footer .yhn-footer-more a:focus .yhn-footer-leading-icon{ color:rgba(255,255,255,.62) !important; opacity:.42 !important; transform:none !important; } /* Contact system remains the visual anchor, just slightly tighter. */ #footer .yhn-footer-contact-list{ gap:7px !important; } #footer .yhn-footer-contact-row{ gap:9px !important; min-height:23px !important; } #footer .yhn-footer-contact-icon{ width:23px !important; height:23px !important; flex-basis:23px !important; border-color:rgba(255,255,255,.13) !important; background:transparent !important; } #footer .yhn-footer-social-icons{ gap:7px !important; margin-top:10px !important; } #footer .yhn-footer-social-icons a{ width:28px !important; height:28px !important; border-color:rgba(255,255,255,.17) !important; } /* Absolute footer: preserve every nav/payment/DMCA item but reduce prominence. */ #footer .absolute-footer{ padding:9px 0 8px !important; } #footer .absolute-footer .container{ gap:8px !important; } #footer .absolute-footer .footer-primary{ gap:5px !important; } #footer .absolute-footer .footer-nav, #footer #menu-footer-links{ gap:4px 0 !important; } #footer .absolute-footer .footer-nav a, #footer #menu-footer-links a{ color:rgba(255,255,255,.46) !important; font-size:10.7px !important; } #footer #menu-footer-links li:not(:last-child)::after{ width:3px !important; height:3px !important; margin:0 8px !important; background:rgba(255,255,255,.18) !important; } #footer .absolute-footer .copyright-footer{ color:rgba(255,255,255,.54) !important; font-size:11.2px !important; } #footer .absolute-footer .payment-icons{ gap:6px !important; } #footer .absolute-footer .payment-icon{ opacity:.52 !important; transform:scale(.88) !important; transform-origin:center !important; } #footer .absolute-footer .footer-text img{ opacity:.58 !important; filter:grayscale(.72) saturate(.48) !important; } /* Floating chat collision guard: keep the control, but make it genuinely compact. */ .ft-chatbox{ left:8px !important; right:auto !important; bottom:8px !important; transform:scale(.62) !important; transform-origin:left bottom !important; } } /* ========================================================== YHN 3.9.55.63 — Footer Absolute Quiet Premium Final Lock Two final mobile-only refinements: 1) footer-aware chat safe zone (state toggled by tiny observer JS), 2) DMCA badge recedes into the charcoal system until hover/focus. Footer markup/content remain untouched. ========================================================== */ /* DMCA: retain the original badge and link, only quiet its presentation. */ #footer .absolute-footer .copyright-footer img, #footer .absolute-footer [id*="dmca" i] img, #footer .absolute-footer [class*="dmca" i] img, #footer .absolute-footer a[href*="dmca" i] img, #footer .absolute-footer img[src*="dmca" i], #footer .absolute-footer img[alt*="dmca" i], #footer .absolute-footer img[title*="dmca" i]{ opacity:.76 !important; filter:grayscale(1) saturate(0) brightness(.92) !important; transition:opacity .18s ease, filter .18s ease !important; } @media (hover:hover) and (pointer:fine){ #footer .absolute-footer .copyright-footer a:hover img, #footer .absolute-footer .copyright-footer a:focus-visible img, #footer .absolute-footer a[href*="dmca" i]:hover img, #footer .absolute-footer a[href*="dmca" i]:focus-visible img{ opacity:1 !important; filter:none !important; } } @media (max-width:549px){ /* Keep the already-compact bubble at the edge when outside the footer. */ .ft-chatbox{ left:14px !important; right:auto !important; bottom:14px !important; transform:scale(.62) !important; transform-origin:left bottom !important; transition:opacity .16s ease, transform .16s ease, visibility 0s linear 0s !important; } /* Absolute collision guarantee: while any footer surface is in view, the floating chat quietly yields instead of covering contact/copyright/payment. */ html.yhn-footer-safezone-active .ft-chatbox{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:scale(.56) translateY(6px) !important; transition:opacity .14s ease, transform .14s ease, visibility 0s linear .14s !important; } /* DMCA is especially quiet on touch/mobile; no green visual spike in the lockup. */ #footer .absolute-footer a[href*="dmca" i] img, #footer .absolute-footer img[src*="dmca" i], #footer .absolute-footer img[alt*="dmca" i], #footer .absolute-footer img[title*="dmca" i]{ opacity:.72 !important; filter:grayscale(1) saturate(0) brightness(.90) !important; } } @media (prefers-reduced-motion:reduce){ .ft-chatbox, #footer .absolute-footer a[href*="dmca" i] img, #footer .absolute-footer img[src*="dmca" i], #footer .absolute-footer img[alt*="dmca" i], #footer .absolute-footer img[title*="dmca" i]{ transition:none !important; } } /* SOURCE: css/yhn-global-font-size-balance-3955715.css */ /** * HangNgoaiShop 3.9.55.71.5 — Global Font Size Balance * Baseline: 3.9.55.71.4. Size/rhythm only — no font-family, no weight, * no color, no spacing geometry, no template/SEO/schema/commerce logic changes. * Goal: raise undersized UI copy while preserving the existing Quiet Premium look. */ /* ========================================================= 1) HEADER / NAV / SEARCH — compact but comfortably readable ========================================================= */ body.yhn-font-size-balance-3955715 .header-main .nav>li>a, body.yhn-font-size-balance-3955715 .header-bottom-nav>li>a{ font-size:14px!important; line-height:1.38!important; } body.yhn-font-size-balance-3955715 .header-top .nav>li>a, body.yhn-font-size-balance-3955715 .header-top :is(.html,.header-contact){ font-size:12.5px!important; line-height:1.45!important; } body.yhn-font-size-balance-3955715 :is(.header-search-form input,.dgwt-wcas-search-input,.searchform input[type="search"]){ font-size:14.5px!important; line-height:1.45!important; } body.yhn-font-size-balance-3955715 .nav-dropdown :is(a,.menu-item>a){ font-size:13.5px!important; line-height:1.48!important; } /* ========================================================= 2) GLOBAL UI — forms, buttons, breadcrumbs, metadata ========================================================= */ body.yhn-font-size-balance-3955715 :is(input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="password"],input[type="number"],select,textarea){ font-size:15px; line-height:1.48; } body.yhn-font-size-balance-3955715 :is(label,.form-row label){ font-size:13.5px; line-height:1.45; } body.yhn-font-size-balance-3955715 :is(button,.button,input[type="submit"],input[type="button"]):not(.mfp-close):not(.flickity-button){ font-size:13.5px; line-height:1.25; } body.yhn-font-size-balance-3955715 :is(.breadcrumbs,.woocommerce-breadcrumb,.rank-math-breadcrumb){ font-size:13px!important; line-height:1.58!important; } body.yhn-font-size-balance-3955715 :is(.entry-meta,.posted-on,.byline,.post-date,.woocommerce-result-count){ font-size:13px!important; line-height:1.55!important; } body.yhn-font-size-balance-3955715 :is(.widget-title,span.widget-title){ font-size:13.5px; line-height:1.4; } /* ========================================================= 3) HOME — increase small supporting copy, keep hero proportion ========================================================= */ body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-eyebrow{ font-size:13.5px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-lead{ font-size:16.5px!important; line-height:1.78!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-button{ font-size:12.8px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-trustbar strong{ font-size:12.5px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-trustbar small{ font-size:11.5px!important; line-height:1.45!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium :is(.yhn-home-section__heading h2,.yhn-home-reasons h2){ font-size:23px!important; line-height:1.32!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-section__heading>a{ font-size:12.5px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-category-card strong{ font-size:13.2px!important; line-height:1.4!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__brand{ font-size:11.5px!important; line-height:1.35!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card :is(h3,h3 a){ font-size:14.5px!important; line-height:1.48!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__price, body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__price .amount{ font-size:15.5px!important; line-height:1.38!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__price del, body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__rating small{ font-size:11.5px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__badge{ font-size:10.5px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-reason-grid strong{ font-size:12.5px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-reason-grid small{ font-size:11.5px!important; line-height:1.58!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-proof small{ font-size:11px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-social p strong{ font-size:12.5px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-news-card__category{ font-size:12px!important; } body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-news-card h3{ font-size:18px!important; line-height:1.44!important; } /* Flash Sale / home promotional microcopy. */ body.yhn-font-size-balance-3955715 .yhn-home-flash--premium50 :is(.yhn-home-countdown__label,.yhn-home-countdown__days){font-size:11px!important} body.yhn-font-size-balance-3955715 .yhn-home-flash--premium50 :is(.yhn-home-product-card__badge--flash,.yhn-home-flash__cta,.yhn-home-flash__heading>a,.yhn-home-flash__controls>.yhn-home-flash__view-all){font-size:11.5px!important} body.yhn-font-size-balance-3955715 .yhn-home-flash--premium50 .yhn-home-flash__title-wrap p{font-size:12.5px!important;line-height:1.52!important} body.yhn-font-size-balance-3955715 .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy strong{font-size:12px!important} body.yhn-font-size-balance-3955715 .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy small{font-size:11.5px!important;line-height:1.42!important} /* ========================================================= 4) SHOP / CATEGORY / SEARCH / PRODUCT CARDS ========================================================= */ body.yhn-font-size-balance-3955715 :is(.shop-page-title .page-title-inner h1,.archive .page-title h1){ font-size:clamp(28px,2.5vw,35px)!important; line-height:1.24!important; } body.yhn-font-size-balance-3955715 .products .product-small :is(.product-title,.name,.woocommerce-loop-product__title), body.yhn-font-size-balance-3955715 .products .product-small :is(.product-title,.name,.woocommerce-loop-product__title) a{ font-size:14.2px!important; line-height:1.46!important; } body.yhn-font-size-balance-3955715 .products .product-small .price, body.yhn-font-size-balance-3955715 .products .product-small .price .amount{ font-size:15px!important; line-height:1.38!important; } body.yhn-font-size-balance-3955715 .products .product-small .price del, body.yhn-font-size-balance-3955715 .products .product-small .price del .amount{ font-size:12px!important; } body.yhn-font-size-balance-3955715 .products :is(.badge-inner,.onsale){font-size:10.5px!important;line-height:1.2!important} body.yhn-font-size-balance-3955715 .yhn-loop-sale-countdown__label{font-size:10.5px!important} body.yhn-font-size-balance-3955715 .yhn-loop-sale-countdown__value{font-size:11px!important} body.yhn-font-size-balance-3955715 .woocommerce-ordering select{font-size:13.5px!important} body.yhn-font-size-balance-3955715 .custom-tax-description{font-size:15.8px!important;line-height:1.74!important} body.yhn-font-size-balance-3955715 .custom-tax-description h2{font-size:24px!important;line-height:1.3!important} /* Search-specific hierarchy. */ body.yhn-font-size-balance-3955715.yhn-search-product div.shop-page-title.category-page-title h1.shop-page-title, body.yhn-font-size-balance-3955715.yhn-search-editorial :is(.page-title,h1.page-title){ font-size:clamp(28px,2.4vw,35px)!important; line-height:1.24!important; } body.yhn-font-size-balance-3955715.yhn-search-product div.shop-page-title.category-page-title h1.shop-page-title::before{font-size:11px!important} body.yhn-font-size-balance-3955715.yhn-search-product div.shop-page-title.category-page-title .woocommerce-result-count{font-size:12.5px!important} body.yhn-font-size-balance-3955715.yhn-search-product #woocommerce_product_categories-13 .widget-title.shop-sidebar{font-size:13.5px!important} body.yhn-font-size-balance-3955715.yhn-search-product #woocommerce_product_categories-13 ul.product-categories>li>a{font-size:13.5px!important;line-height:1.5!important} body.yhn-font-size-balance-3955715.yhn-search-product .products :is(.name,.woocommerce-loop-product__title), body.yhn-font-size-balance-3955715.yhn-search-product .products :is(.name,.woocommerce-loop-product__title) a{font-size:14.2px!important;line-height:1.46!important} body.yhn-font-size-balance-3955715.yhn-search-product .products .price{font-size:15px!important} body.yhn-font-size-balance-3955715.yhn-search-editorial .box.box-blog-post .post-title{font-size:16px!important;line-height:1.44!important} body.yhn-font-size-balance-3955715.yhn-search-editorial .box.box-blog-post .from_the_blog_excerpt{font-size:13.8px!important;line-height:1.65!important} /* ========================================================= 5) PRODUCT DETAIL / REVIEWS ========================================================= */ body.yhn-font-size-balance-3955715.single-product .product-info h1, body.yhn-font-size-balance-3955715.yhn-product-phase1d h1.product_title{ font-size:clamp(25px,2.15vw,33px)!important; line-height:1.3!important; } body.yhn-font-size-balance-3955715.single-product .product-info .price, body.yhn-font-size-balance-3955715.single-product .product-info .price .amount{ font-size:27px!important; line-height:1.25!important; } body.yhn-font-size-balance-3955715.yhn-product-phase1d table.variations label{font-size:14.5px!important} body.yhn-font-size-balance-3955715.yhn-product-phase1d .reset_variations{font-size:13.5px!important} body.yhn-font-size-balance-3955715.yhn-product-phase1d .yhn-purchase-assurance strong{font-size:13.5px!important} body.yhn-font-size-balance-3955715.yhn-product-phase1d .yhn-purchase-assurance small{font-size:12px!important;line-height:1.45!important} body.yhn-font-size-balance-3955715.single-product .woocommerce-tabs .panel :where(p,li), body.yhn-font-size-balance-3955715.single-product .woocommerce-Tabs-panel :where(p,li){ font-size:16.5px!important; line-height:1.78!important; } body.yhn-font-size-balance-3955715.single-product .woocommerce-tabs .panel h2, body.yhn-font-size-balance-3955715.single-product .woocommerce-Tabs-panel h2{font-size:25px!important;line-height:1.3!important} body.yhn-font-size-balance-3955715.single-product .woocommerce-tabs .panel h3, body.yhn-font-size-balance-3955715.single-product .woocommerce-Tabs-panel h3{font-size:19.5px!important;line-height:1.36!important} body.yhn-font-size-balance-3955715.single-product .single_add_to_cart_button{font-size:13.5px!important} body.yhn-font-size-balance-3955715.single-product #reviews .woocommerce-Reviews-title{font-size:20px!important} body.yhn-font-size-balance-3955715.single-product #reviews :is(.yhn-review-overview__score small,.yhn-review-overview__action span){font-size:12px!important} body.yhn-font-size-balance-3955715.single-product #reviews .yhn-review-overview__bar{font-size:11.5px!important} body.yhn-font-size-balance-3955715.single-product #reviews .yhn-review-overview__cta{font-size:12.5px!important} body.yhn-font-size-balance-3955715.single-product #reviews ol.commentlist li.review .description p{font-size:14.2px!important;line-height:1.7!important} body.yhn-font-size-balance-3955715.single-product #reviews ol.commentlist li.review .woocommerce-review__verified{font-size:10.5px!important} body.yhn-font-size-balance-3955715.single-product #reviews #comments ol.commentlist li.review .meta{font-size:11.8px!important;line-height:1.45!important} body.yhn-font-size-balance-3955715.single-product .yhn-smart-related__heading>span{font-size:11.5px!important} body.yhn-font-size-balance-3955715.single-product .yhn-smart-related .yhn-srp-reason{font-size:11.5px!important;line-height:1.4!important} body.yhn-font-size-balance-3955715.single-product .yhn-smart-related .yhn-srp-cta{font-size:12px!important} /* ========================================================= 6) BRAND / MERCH LANDINGS — lift microcopy without changing art direction ========================================================= */ body.yhn-font-size-balance-3955715 :is(.yhn-bl-hero-copy>p:not(.yhn-bl-wordmark),.yhn-bd-hero p,.yhn-pl-hero p){font-size:15.5px!important;line-height:1.72!important} body.yhn-font-size-balance-3955715 :is(.yhn-bl-eyebrow,.yhn-bl-head>div>span,.yhn-pl-eyebrow){font-size:11.5px!important} body.yhn-font-size-balance-3955715 :is(.yhn-bl-btn,.yhn-pl-primary,.yhn-bl-more){font-size:12.5px!important} body.yhn-font-size-balance-3955715 .yhn-bl-need strong{font-size:13px!important} body.yhn-font-size-balance-3955715 .yhn-bl-need small{font-size:11.5px!important} body.yhn-font-size-balance-3955715 .yhn-bl-story p{font-size:14.5px!important;line-height:1.72!important} body.yhn-font-size-balance-3955715 .yhn-bd :is(.yhn-bd-hero-art small,.yhn-bd-card-kicker,.yhn-bd-featured-card>small,.yhn-bd-card-meta b,.yhn-bd-editorial-art small){font-size:11.5px!important;line-height:1.4!important} body.yhn-font-size-balance-3955715 .yhn-bd .yhn-bd-card-meta{font-size:12px!important;line-height:1.48!important} body.yhn-font-size-balance-3955715 .yhn-bd .yhn-pl-trust.yhn-bl-trust>div>strong{font-size:12px!important} body.yhn-font-size-balance-3955715 .yhn-bd .yhn-pl-trust.yhn-bl-trust>div>small{font-size:11.5px!important;line-height:1.42!important} body.yhn-font-size-balance-3955715 .yhn-bl :is(.yhn-bl-collection>div:last-child>span,.yhn-bl-collection small,.yhn-bl-story-mark span,.yhn-bl-identity-mark span,.yhn-bl-collection-copy>span,.yhn-bl-collection-copy>small,.yhn-bl-story-points b,.yhn-bl-story-points small,.yhn-bl-story-art span){font-size:11.5px!important;line-height:1.42!important} body.yhn-font-size-balance-3955715 .yhn-bl :is(.yhn-bl-breadcrumb,.yhn-bl-count,.yhn-bl-more-status,.yhn-bl-note){font-size:12px!important;line-height:1.52!important} body.yhn-font-size-balance-3955715 .yhn-pl :is(.yhn-pl-best-mark small,.yhn-pl-best-mark span,.yhn-pl-countdown span,.yhn-pl-section-head>div>span,.yhn-pl-product-count span,.yhn-pl-category-cards small,.yhn-pc-brand,.yhn-pc-rating,.yhn-stars,.yhn-pl-editorial-copy>span,.yhn-pl-article-grid span,.yhn-pl-tabs-label,.yhn-pl-editorial-overlay>span,.yhn-pl-filter-kicker){font-size:11px!important;line-height:1.38!important} body.yhn-font-size-balance-3955715 .yhn-pl :is(.yhn-pl-trust small,.yhn-pl-category-cards small){font-size:11.5px!important;line-height:1.42!important} body.yhn-font-size-balance-3955715 .yhn-pl :is(.yhn-pl-trust strong,.yhn-pl-category-cards strong){font-size:12px!important;line-height:1.38!important} body.yhn-font-size-balance-3955715 .yhn-pl :is(.yhn-pl-tabs a,.yhn-pc-view,.yhn-pl-primary,.yhn-pl-more,.yhn-pl-editorial-cta){font-size:12px!important} body.yhn-font-size-balance-3955715 .yhn-pl :is(.yhn-pc-badge,.yhn-pc-rank){font-size:10px!important} body.yhn-font-size-balance-3955715 .yhn-pl .yhn-pc-card h3, body.yhn-font-size-balance-3955715 .yhn-pl .yhn-pc-card h3 a{font-size:14px!important;line-height:1.5!important} body.yhn-font-size-balance-3955715 .yhn-pl .yhn-pc-price{font-size:15px!important;line-height:1.34!important} body.yhn-font-size-balance-3955715 .yhn-pl :is(.yhn-pc-price del,.yhn-pl-podium-price del){font-size:11.5px!important} body.yhn-font-size-balance-3955715 .yhn-pl .yhn-pl-editorial-overlay p{font-size:12.5px!important;line-height:1.68!important} /* ========================================================= 7) EDITORIAL ARCHIVE / SINGLE POST ========================================================= */ body.yhn-font-size-balance-3955715.yhn-editorial-archive-quiet-premium :is(.page-title,h1.page-title,.archive-page-header h1){ font-size:clamp(30px,2.75vw,37px)!important; line-height:1.2!important; } body.yhn-font-size-balance-3955715.yhn-editorial-archive-quiet-premium .box-blog-post .post-title, body.yhn-font-size-balance-3955715.yhn-editorial-archive-quiet-premium .box-blog-post .post-title a{font-size:17.5px!important;line-height:1.44!important} body.yhn-font-size-balance-3955715.yhn-editorial-archive-quiet-premium .from_the_blog_excerpt{font-size:14px!important;line-height:1.65!important} body.yhn-font-size-balance-3955715.yhn-editorial-archive-quiet-premium .blog-wrapper.blog-archive .page-title::before, body.yhn-font-size-balance-3955715.yhn-editorial-archive-quiet-premium .blog-wrapper.blog-archive .badge.post-date .badge-inner{font-size:11px!important} body.yhn-font-size-balance-3955715.yhn-editorial-archive-quiet-premium .blog-wrapper.blog-archive .page-number{font-size:12px!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium .entry-title{ font-size:clamp(39px,3.65vw,45px)!important; line-height:1.15!important; } body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(#ftwp-postcontent,.entry-content.single-page){ font-size:16.8px!important; line-height:1.8!important; } body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(#ftwp-postcontent,.entry-content.single-page) h2{font-size:28px!important;line-height:1.3!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(#ftwp-postcontent,.entry-content.single-page) h3{font-size:21.5px!important;line-height:1.36!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(#ftwp-postcontent,.entry-content.single-page) h4{font-size:18px!important;line-height:1.42!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(.wp-caption-text,figcaption){font-size:12.8px!important;line-height:1.58!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium .yhn-toc summary strong{font-size:14.5px!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium .yhn-toc a{font-size:13.8px!important;line-height:1.52!important} /* ========================================================= 8) CART / ACCOUNT / TRACKING ========================================================= */ body.yhn-font-size-balance-3955715.woocommerce-cart .shop_table thead th{font-size:12.8px!important} body.yhn-font-size-balance-3955715.woocommerce-cart .shop_table .product-name, body.yhn-font-size-balance-3955715.woocommerce-cart .shop_table .product-name a{font-size:14.8px!important;line-height:1.46!important} body.yhn-font-size-balance-3955715.woocommerce-cart .shop_table :is(td,.amount,.quantity input){font-size:14px} body.yhn-font-size-balance-3955715.woocommerce-cart .cart_totals h2{font-size:20px!important;line-height:1.32!important} body.yhn-font-size-balance-3955715.woocommerce-cart .cart_totals :is(th,td,.amount){font-size:14px!important} body.yhn-font-size-balance-3955715 .woocommerce-MyAccount-navigation a{font-size:13.8px!important;line-height:1.48!important} body.yhn-font-size-balance-3955715 .woocommerce-MyAccount-content :is(p,li,td){font-size:14.3px;line-height:1.68} body.yhn-font-size-balance-3955715 .woocommerce-MyAccount-content table th{font-size:12.8px!important} body.yhn-font-size-balance-3955715 .woocommerce-MyAccount-content :is(input,select,textarea){font-size:15px!important} body.yhn-font-size-balance-3955715 :is(.yhn-account-quiet-premium,.yhn-order-tracking-quiet-premium) :is(p,li,label,td){font-size:14px;line-height:1.68} body.yhn-font-size-balance-3955715 :is(.yhn-account-quiet-premium,.yhn-order-tracking-quiet-premium) :is(h1,.entry-title){font-size:26px!important;line-height:1.28!important} /* ========================================================= 9) FOOTER — readable without becoming visually heavy ========================================================= */ body.yhn-font-size-balance-3955715 #footer .footer-widgets.footer.footer-2 .widget-title{ font-size:15px!important; line-height:1.32!important; } body.yhn-font-size-balance-3955715 #footer .footer-widgets.footer.footer-2 :is(p,li,a,.textwidget){ font-size:13.5px!important; line-height:1.65!important; } body.yhn-font-size-balance-3955715 #footer .yhn-footer-contact-row span:not(.yhn-footer-contact-icon){font-size:12px!important;line-height:1.48!important} body.yhn-font-size-balance-3955715 .absolute-footer, body.yhn-font-size-balance-3955715 .absolute-footer :is(a,span,p){font-size:11.5px!important;line-height:1.52!important} /* ========================================================= 10) TRUST / POLICY / 404 ========================================================= */ body.yhn-font-size-balance-3955715 .yhn-trust-article :where(p,li){font-size:16px!important;line-height:1.76!important} body.yhn-font-size-balance-3955715 .yhn-trust-hero__mark small, body.yhn-font-size-balance-3955715 .yhn-trust-context__card>span{font-size:11.5px!important;line-height:1.4!important} body.yhn-font-size-balance-3955715 .yhn-trust-toc__title, body.yhn-font-size-balance-3955715 .yhn-contact-grid span{font-size:12px!important} body.yhn-font-size-balance-3955715.error404 .yhn-404-lead{font-size:16px!important;line-height:1.68!important} body.yhn-font-size-balance-3955715.error404 .yhn-404-quick-card__copy strong{font-size:15px!important} body.yhn-font-size-balance-3955715.error404 .yhn-404-quick-card__copy small{font-size:12.5px!important;line-height:1.48!important} body.yhn-font-size-balance-3955715.error404 .yhn-404-product-card h3{font-size:14px!important} body.yhn-font-size-balance-3955715.error404 .yhn-404-trust-grid strong{font-size:13px!important} body.yhn-font-size-balance-3955715.error404 .yhn-404-trust-grid small{font-size:11.5px!important;line-height:1.42!important} /* ========================================================= 11) CHECKOUTWC SIDE CART — storefront drawer ========================================================= */ body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-side-cart-contents-header :is(h2,.cfw-side-cart-quantity){font-size:16.5px!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-title, body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-title a, body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-title span{font-size:14.3px!important;line-height:1.44!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-items-summary-item-discount{font-size:12.3px!important;line-height:1.38!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-quantity-stepper-value-label{font-size:13.3px!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-subtotal, body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-subtotal .amount{font-size:14px!important} body.yhn-font-size-balance-3955715 #cfw-side-cart :is(.cfw-show-coupons-module,.cfw-secondary-btn){font-size:13.3px!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-side-cart-totals :is(th,td){font-size:14px!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-side-cart-totals .order-total :is(th,td,.amount){font-size:17.5px!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-primary-btn{font-size:14px!important} /* ========================================================= 12) CHECKOUTWC PORTAL / THANK YOU ========================================================= */ html body.checkout-wc.yhn-font-size-balance-3955715 #cfw :is(h3,#cfw-cart-summary-content>h3){font-size:17.5px!important;line-height:1.32!important} html body.checkout-wc.yhn-font-size-balance-3955715 #cfw :is(input.input-text,select,textarea){font-size:15px!important} html body.checkout-wc.yhn-font-size-balance-3955715 #cfw .form-row label{font-size:13.3px!important;line-height:1.45!important} html body.checkout-wc.yhn-font-size-balance-3955715 #cfw :is(.cfw-primary-btn,#place_order){font-size:13.8px!important} html body.checkout-wc.yhn-font-size-balance-3955715 #cfw-cart-summary-content .cfw-cart-item-title{font-size:13.8px!important;line-height:1.46!important} html body.checkout-wc.yhn-font-size-balance-3955715 #cfw-cart-summary-content .cfw-cart-item-subtotal{font-size:14.3px!important} html body.checkout-wc.yhn-font-size-balance-3955715 #cfw :is(.cfw-small,.description,small){font-size:12px!important;line-height:1.5!important} html body.checkout-wc.yhn-font-size-balance-3955715.cfw-order-received #cfw :is(p,li,td){font-size:13px;line-height:1.58} /* ========================================================= 13) MOBILE — prioritize readability without breaking compact grids ========================================================= */ @media(max-width:849px){ body.yhn-font-size-balance-3955715 .header-main .nav>li>a, body.yhn-font-size-balance-3955715 .header-bottom-nav>li>a{font-size:13.5px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-lead{font-size:15px!important;line-height:1.72!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-trustbar strong{font-size:11px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-trustbar small{font-size:10.5px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium :is(.yhn-home-section__heading h2,.yhn-home-reasons h2){font-size:20px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card :is(h3,h3 a){font-size:13.8px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__price, body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-product-card__price .amount{font-size:15px!important} body.yhn-font-size-balance-3955715 .products .product-small :is(.product-title,.name,.woocommerce-loop-product__title), body.yhn-font-size-balance-3955715 .products .product-small :is(.product-title,.name,.woocommerce-loop-product__title) a{font-size:13.5px!important} body.yhn-font-size-balance-3955715 .products .product-small .price, body.yhn-font-size-balance-3955715 .products .product-small .price .amount{font-size:14.5px!important} body.yhn-font-size-balance-3955715.single-product .product-info h1, body.yhn-font-size-balance-3955715.yhn-product-phase1d h1.product_title{font-size:24.5px!important;line-height:1.32!important} body.yhn-font-size-balance-3955715.single-product .woocommerce-tabs .panel :where(p,li), body.yhn-font-size-balance-3955715.single-product .woocommerce-Tabs-panel :where(p,li){font-size:16px!important;line-height:1.76!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium .entry-title{font-size:29px!important;line-height:1.2!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(#ftwp-postcontent,.entry-content.single-page){font-size:16px!important;line-height:1.78!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(#ftwp-postcontent,.entry-content.single-page) h2{font-size:24px!important} body.yhn-font-size-balance-3955715.yhn-editorial-single-quiet-premium :is(#ftwp-postcontent,.entry-content.single-page) h3{font-size:20px!important} body.yhn-font-size-balance-3955715 #footer .footer-widgets.footer.footer-2 .widget-title{font-size:15px!important} body.yhn-font-size-balance-3955715 #footer .footer-widgets.footer.footer-2 :is(p,li,a,.textwidget){font-size:13.2px!important;line-height:1.62!important} body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-title, body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-title a, body.yhn-font-size-balance-3955715 #cfw-side-cart .cfw-cart-item-title span{font-size:13.8px!important} } @media(max-width:549px){ body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-hero h1{font-size:32px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-eyebrow{font-size:11px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-category-card strong{font-size:12.8px!important} body.yhn-font-size-balance-3955715 .yhn-home-premium .yhn-home-section__heading>a{font-size:12px!important} body.yhn-font-size-balance-3955715 :is(.shop-page-title .page-title-inner h1,.archive .page-title h1){font-size:28px!important} body.yhn-font-size-balance-3955715.yhn-search-product .products :is(.name,.woocommerce-loop-product__title), body.yhn-font-size-balance-3955715.yhn-search-product .products :is(.name,.woocommerce-loop-product__title) a{font-size:13.5px!important} body.yhn-font-size-balance-3955715.yhn-search-product .products .price{font-size:14.5px!important} body.yhn-font-size-balance-3955715 .absolute-footer, body.yhn-font-size-balance-3955715 .absolute-footer :is(a,span,p){font-size:11.3px!important} } /* SOURCE: css/yhn-global-typography-micro-balance-3955716.css */ /** * HangNgoaiShop 3.9.55.71.6 — Global Typography Micro Balance Final. * Baseline: 3.9.55.71.5. * Size/rhythm-only final pass informed by production Home + Checkout renders. * No font-family, font-weight, color, layout geometry, content, SEO/schema, * WooCommerce math, shipping/payment or CheckoutWC business-logic changes. */ /* ========================================================= 1) HEADER / NAV / SEARCH — one small step up on desktop ========================================================= */ body.yhn-font-size-micro-balance-3955716 .header-main .nav>li>a, body.yhn-font-size-micro-balance-3955716 .header-bottom-nav>li>a{ font-size:14.5px!important; line-height:1.38!important; } body.yhn-font-size-micro-balance-3955716 .header-top .nav>li>a, body.yhn-font-size-micro-balance-3955716 .header-top :is(.html,.header-contact){ font-size:12.8px!important; line-height:1.45!important; } body.yhn-font-size-micro-balance-3955716 :is(.header-search-form input,.dgwt-wcas-search-input,.searchform input[type="search"]){ font-size:15px!important; line-height:1.45!important; } body.yhn-font-size-micro-balance-3955716 .nav-dropdown :is(a,.menu-item>a){ font-size:13.8px!important; line-height:1.5!important; } /* ========================================================= 2) HOME — support text no longer one visual tier too small ========================================================= */ body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-trustbar strong{ font-size:13px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-trustbar small{ font-size:12.3px!important; line-height:1.48!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-section__heading>a{ font-size:13px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-category-card strong{ font-size:13.5px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card__brand{ font-size:12px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card__price, body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card__price .amount{ font-size:15.7px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card__price del, body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card__rating small{ font-size:12px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-reason-grid strong{ font-size:13px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-reason-grid small{ font-size:12px!important; line-height:1.58!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-proof small{ font-size:11.5px!important; } body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-news-card__category{ font-size:12.5px!important; } /* Flash Sale microcopy: retain compactness, remove 10–11px feel where avoidable. */ body.yhn-font-size-micro-balance-3955716 .yhn-home-flash--premium50 :is(.yhn-home-countdown__label,.yhn-home-countdown__days){font-size:11.5px!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-flash--premium50 :is(.yhn-home-flash__cta,.yhn-home-flash__heading>a,.yhn-home-flash__controls>.yhn-home-flash__view-all){font-size:12px!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-flash--premium50 .yhn-home-flash__title-wrap p{font-size:13px!important;line-height:1.54!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy strong{font-size:12.5px!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-flash--premium50 .yhn-home-flash__benefit-copy small{font-size:12px!important;line-height:1.44!important} /* ========================================================= 3) SHOP / PRODUCT GRID — keep title scale, slightly lift price/microcopy ========================================================= */ body.yhn-font-size-micro-balance-3955716 .products .product-small .price, body.yhn-font-size-micro-balance-3955716 .products .product-small .price .amount{ font-size:15.5px!important; } body.yhn-font-size-micro-balance-3955716 .products .product-small .price del, body.yhn-font-size-micro-balance-3955716 .products .product-small .price del .amount{ font-size:12.3px!important; } body.yhn-font-size-micro-balance-3955716 .woocommerce-ordering select{font-size:14px!important} body.yhn-font-size-micro-balance-3955716.yhn-search-product div.shop-page-title.category-page-title .woocommerce-result-count{font-size:13px!important} /* ========================================================= 4) CART / ACCOUNT — subtle support-text lift only ========================================================= */ body.yhn-font-size-micro-balance-3955716.woocommerce-cart .shop_table thead th{font-size:13px!important} body.yhn-font-size-micro-balance-3955716.woocommerce-cart .cart_totals :is(th,td,.amount){font-size:14.3px!important} body.yhn-font-size-micro-balance-3955716 .woocommerce-MyAccount-navigation a{font-size:14px!important} body.yhn-font-size-micro-balance-3955716 .woocommerce-MyAccount-content table th{font-size:13px!important} /* ========================================================= 5) FOOTER — improve readability while preserving quiet hierarchy ========================================================= */ body.yhn-font-size-micro-balance-3955716 #footer .footer-widgets.footer.footer-2 .widget-title{ font-size:15.5px!important; line-height:1.32!important; } body.yhn-font-size-micro-balance-3955716 #footer .footer-widgets.footer.footer-2 :is(p,li,a,.textwidget){ font-size:14px!important; line-height:1.64!important; } body.yhn-font-size-micro-balance-3955716 #footer .yhn-footer-contact-row span:not(.yhn-footer-contact-icon){ font-size:12.5px!important; line-height:1.5!important; } body.yhn-font-size-micro-balance-3955716 .absolute-footer, body.yhn-font-size-micro-balance-3955716 .absolute-footer :is(a,span,p){ font-size:12px!important; line-height:1.52!important; } /* ========================================================= 6) CHECKOUTWC SIDE CART — match the larger storefront rhythm ========================================================= */ body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-cart-item-title, body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-cart-item-title a, body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-cart-item-title span{ font-size:14.5px!important; line-height:1.46!important; } body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-items-summary-item-discount{font-size:12.5px!important} body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-quantity-stepper-value-label{font-size:13.5px!important} body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-cart-item-subtotal, body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-cart-item-subtotal .amount{font-size:14.3px!important} body.yhn-font-size-micro-balance-3955716 #cfw-side-cart :is(.cfw-show-coupons-module,.cfw-secondary-btn){font-size:13.5px!important} body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-side-cart-totals :is(th,td){font-size:14.3px!important} body.yhn-font-size-micro-balance-3955716 #cfw-side-cart .cfw-primary-btn{font-size:14.3px!important} /* ========================================================= 7) CHECKOUTWC PORTAL — final readability pass from production render ========================================================= */ html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw :is(h3,#cfw-cart-summary-content>h3){ font-size:18px!important; line-height:1.34!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw :is(input.input-text,select,textarea){ font-size:15px!important; line-height:1.48!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw .form-row label{ font-size:13.8px!important; line-height:1.46!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw .cfw-have-acc-text{ font-size:13.3px!important; line-height:1.58!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw #payment .payment_method_label{ font-size:14px!important; line-height:1.48!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw #payment div.payment_box{ font-size:13px!important; line-height:1.64!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-title, html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-title a, html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-title span{ font-size:14.2px!important; line-height:1.48!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw .cfw-items-summary-item-discount{ font-size:12.5px!important; line-height:1.45!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw .cfw-quantity-stepper-value-label{font-size:13px!important} html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-subtotal, html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-subtotal .amount{ font-size:14.5px!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw #cfw-cart-summary-totals :is(th,td), html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw #cfw-mobile-cart-summary-totals :is(th,td){ font-size:13px!important; line-height:1.48!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw #cfw-cart-summary-totals .order-total .amount, html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw #cfw-mobile-cart-summary-totals .order-total .amount{ font-size:17.8px!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw :is(.cfw-primary-btn,#place_order){ font-size:14px!important; line-height:1.25!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw :is(.cfw-small,.description,small){ font-size:12.7px!important; line-height:1.55!important; } html body.checkout-wc.yhn-font-size-micro-balance-3955716.cfw-order-received #cfw :is(p,li,td){ font-size:13.3px; line-height:1.62; } /* ========================================================= 8) FLATSOME MINI-CART HOVER SAFETY CheckoutWC Side Cart is the intended header-cart interaction. :has() is a runtime fallback if the PHP/body readiness class is unavailable. ========================================================= */ body.yhn-cfw-sidecart-target:not(.woocommerce-cart):not(.woocommerce-checkout) .cart-item.has-dropdown>.nav-dropdown, body.yhn-cfw-sidecart-ready:not(.woocommerce-cart):not(.woocommerce-checkout) .cart-item.has-dropdown>.nav-dropdown, body:not(.woocommerce-cart):not(.woocommerce-checkout):has(#cfw-side-cart) .cart-item.has-dropdown>.nav-dropdown{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } /* ========================================================= 9) MOBILE / SMALL TABLET — preserve readability, not desktop density ========================================================= */ @media(max-width:849px){ body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-trustbar strong{font-size:11.5px!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-trustbar small{font-size:11.2px!important;line-height:1.48!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card :is(h3,h3 a){font-size:14px!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card__price, body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-product-card__price .amount{font-size:15.2px!important} body.yhn-font-size-micro-balance-3955716 .products .product-small :is(.product-title,.name,.woocommerce-loop-product__title), body.yhn-font-size-micro-balance-3955716 .products .product-small :is(.product-title,.name,.woocommerce-loop-product__title) a{font-size:13.8px!important} body.yhn-font-size-micro-balance-3955716 .products .product-small .price, body.yhn-font-size-micro-balance-3955716 .products .product-small .price .amount{font-size:14.8px!important} body.yhn-font-size-micro-balance-3955716 #footer .footer-widgets.footer.footer-2 :is(p,li,a,.textwidget){font-size:13.5px!important;line-height:1.62!important} body.yhn-font-size-micro-balance-3955716 #footer .yhn-footer-contact-row span:not(.yhn-footer-contact-icon){font-size:12px!important} html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw :is(h3,#cfw-cart-summary-content>h3){font-size:17px!important} html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw .form-row label{font-size:13.5px!important} html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-title, html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-title a, html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw-cart-summary-content .cfw-cart-item-title span{font-size:13.8px!important} html body.checkout-wc.yhn-font-size-micro-balance-3955716 #cfw :is(.cfw-small,.description,small){font-size:12.5px!important} } @media(max-width:549px){ body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-section__heading>a{font-size:12.5px!important} body.yhn-font-size-micro-balance-3955716 .yhn-home-premium .yhn-home-category-card strong{font-size:13px!important} body.yhn-font-size-micro-balance-3955716 .absolute-footer, body.yhn-font-size-micro-balance-3955716 .absolute-footer :is(a,span,p){font-size:11.7px!important} } /* SOURCE: css/yhn-mobile-typography-balance-final-hotfix-3955717.css */ /** * HangNgoaiShop 3.9.55.71.7 — Mobile Typography Balance Final Hotfix. * Baseline: 3.9.55.71.6. * Mobile-only optical correction from production iPhone renders. * Desktop/tablet >= 850px remains untouched. No font-family, color, layout, * content, SEO/schema, WooCommerce math or CheckoutWC business-logic changes. */ @media (max-width: 849px){ /* Top utility bar: keep the long trust line compact enough to avoid looking like a second navigation row on phones. */ body.yhn-mobile-typography-balance-3955717 .header-top, body.yhn-mobile-typography-balance-3955717 .header-top .nav>li>a, body.yhn-mobile-typography-balance-3955717 .header-top :is(.html,.html-inner,.header-contact){ font-size:11.8px!important; line-height:1.3!important; } /* Header search: still easy to read, but no longer visually oversized. */ body.yhn-mobile-typography-balance-3955717 :is( .header-search-form input, .dgwt-wcas-search-input, .searchform input[type="search"] ){ font-size:14px!important; line-height:1.35!important; } body.yhn-mobile-typography-balance-3955717 :is( .header-search-form input, .dgwt-wcas-search-input, .searchform input[type="search"] )::placeholder{ font-size:14px!important; } /* Home hero: preserve impact without the mobile "zoomed typography" feel. */ body.yhn-mobile-typography-balance-3955717 .yhn-home-premium .yhn-home-hero h1{ font-size:30.5px!important; line-height:1.17!important; } body.yhn-mobile-typography-balance-3955717 .yhn-home-premium .yhn-home-lead{ font-size:15.5px!important; line-height:1.7!important; } body.yhn-mobile-typography-balance-3955717 .yhn-home-premium .yhn-home-button{ font-size:13.8px!important; line-height:1.25!important; } body.yhn-mobile-typography-balance-3955717 .yhn-home-premium .yhn-home-trustbar strong{ font-size:11.2px!important; line-height:1.35!important; } body.yhn-mobile-typography-balance-3955717 .yhn-home-premium .yhn-home-trustbar small{ font-size:10.5px!important; line-height:1.45!important; } /* CheckoutWC Side Cart: product names need compact editorial rhythm on a narrow drawer; amounts remain one step stronger for scanability. */ body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-side-cart-contents-header :is(h2,.cfw-side-cart-quantity){ font-size:17px!important; line-height:1.28!important; } body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-title, body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-title a, body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-title span{ font-size:14px!important; line-height:1.34!important; } body.yhn-mobile-typography-balance-3955717 #cfw-side-cart :is( .cfw-quantity-stepper-value-label, .cfw-items-summary-item-discount, .cfw_side_cart_item_after_data ){ font-size:12.7px!important; line-height:1.4!important; } body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-subtotal, body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-subtotal .amount{ font-size:15.5px!important; line-height:1.35!important; } body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-side-cart-totals :is(th,td){ font-size:15.8px!important; line-height:1.4!important; } body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-side-cart-totals .order-total :is(th,td,.amount){ font-size:18.5px!important; line-height:1.3!important; } body.yhn-mobile-typography-balance-3955717 #cfw-side-cart :is(.cfw-primary-btn,.cfw-secondary-btn){ font-size:14px!important; line-height:1.25!important; } } @media (max-width: 549px){ /* Very small phones get one further half-step of restraint. */ body.yhn-mobile-typography-balance-3955717 .header-top, body.yhn-mobile-typography-balance-3955717 .header-top .nav>li>a, body.yhn-mobile-typography-balance-3955717 .header-top :is(.html,.html-inner,.header-contact){ font-size:11.5px!important; } body.yhn-mobile-typography-balance-3955717 .yhn-home-premium .yhn-home-hero h1{ font-size:30px!important; } body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-title, body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-title a, body.yhn-mobile-typography-balance-3955717 #cfw-side-cart .cfw-cart-item-title span{ font-size:13.8px!important; } } /* SOURCE: css/yhn-controls-safe-recovery-39557182.css */ /** * HangNgoaiShop 3.9.55.71.8.2 — Controls Safe Recovery. * Baseline: known-good 3.9.55.71.7. * IMPORTANT: intentionally does NOT touch Flatsome mobile header/menu/cart glyphs, * nav display, icon-font codepoints, or header structure. */ /* Side Cart action hierarchy only. */ body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout{ display:flex!important; flex-direction:column!important; gap:8px!important; } body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > a, body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > button, body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout .cfw-primary-btn, body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout .cfw-secondary-btn{ min-height:46px!important; margin:0!important; border-radius:5px!important; box-shadow:none!important; } body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > a[href*="/gio-hang/"], body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > a[href*="/cart/"]{ border:1px solid #dedbd8!important; background:#fff!important; background-image:none!important; color:#353439!important; -webkit-text-fill-color:#353439!important; } body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > a[href*="/thanh-toan/"], body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > a[href*="/checkout/"]{ border:1px solid #c9176b!important; background:#c9176b!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } /* Product remove control — no icon-font manipulation. */ body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .cfw-remove-item-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:27px!important; height:27px!important; min-width:27px!important; min-height:27px!important; border:1px solid #dedbd8!important; border-radius:50%!important; background:#fff!important; color:#8e8b90!important; opacity:.9!important; box-shadow:none!important; } @media (max-width:849px){ /* Home CTA: safe element-specific polish. */ body.yhn-controls-safe-recovery-39557182.home .yhn-home-premium .yhn-home-button{ min-height:46px!important; padding:0 30px!important; border:1px solid #c9176b!important; border-radius:6px!important; background:#c9176b!important; background-image:none!important; box-shadow:none!important; } /* Trust icons: SVG-only sizing; no Flatsome icon-font selectors. */ body.yhn-controls-safe-recovery-39557182.home .yhn-home-premium .yhn-home-trustbar span{ width:34px!important; height:34px!important; border:1px solid #dfd5cf!important; border-radius:50%!important; background:rgba(255,255,255,.76)!important; color:#9a765b!important; box-shadow:none!important; } body.yhn-controls-safe-recovery-39557182.home .yhn-home-premium .yhn-home-trustbar span svg{ width:18px!important; height:18px!important; stroke-width:1.5!important; } /* Side Cart close: SVG/control sizing only. */ body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .cfw-side-cart-close-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; color:#545157!important; opacity:.82!important; box-shadow:none!important; } body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .cfw-side-cart-close-btn svg{ width:21px!important; height:21px!important; stroke-width:1.7!important; } /* Floating utilities only; no header/nav selectors. */ body.yhn-controls-safe-recovery-39557182 .ft-chatbox{ left:14px!important; right:auto!important; bottom:14px!important; transform:scale(.54)!important; transform-origin:left bottom!important; box-shadow:none!important; } body.yhn-controls-safe-recovery-39557182 .back-to-top, body.yhn-controls-safe-recovery-39557182 .back-to-top.active, body.yhn-controls-safe-recovery-39557182 .button.icon.circle.back-to-top{ right:10px!important; bottom:12px!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; border:1px solid #d9d6d2!important; border-radius:50%!important; background:rgba(255,255,255,.92)!important; color:#807c7f!important; opacity:.72!important; box-shadow:none!important; } body.yhn-controls-safe-recovery-39557182.cfw-side-cart-open .ft-chatbox, body.yhn-controls-safe-recovery-39557182.cfw-side-cart-open .hotline-phone-ring-wrap, body.yhn-controls-safe-recovery-39557182.cfw-side-cart-open .back-to-top, body.yhn-controls-safe-recovery-39557182.cfw-side-cart-open .back-to-top.active, body.yhn-controls-safe-recovery-39557182.cfw-side-cart-open .button.icon.circle.back-to-top{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } } @media (max-width:549px){ body.yhn-controls-safe-recovery-39557182.home .yhn-home-premium .yhn-home-button{ min-height:45px!important; padding-inline:28px!important; } body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > a, body.yhn-controls-safe-recovery-39557182 #cfw-side-cart .wc-proceed-to-checkout > button{ min-height:45px!important; } } /* SOURCE: css/yhn-mobile-product-controls-safe-micro-39557183.css */ /** * HangNgoaiShop 3.9.55.71.8.3 — Mobile Product Controls Safe Micro Final. * Baseline: 3.9.55.71.8.2 safe recovery. * Scope: mobile header control wrappers + single-product notice/breadcrumb/floating utilities. * Safety: never changes Flatsome icon-font family/codepoints, nav display, DOM order or header structure. */ @media (max-width:849px){ /* --------------------------------------------------------- 1) Mobile header controls — wrapper/background only. The native and remain fully owned by Flatsome. No glyph/font pseudo-content overrides. --------------------------------------------------------- */ body.yhn-mobile-product-controls-safe-39557183 #masthead .show-for-medium.flex-left .mobile-nav > li.nav-icon .header-button > a[data-open="#main-menu"], body.yhn-mobile-product-controls-safe-39557183 #masthead .show-for-medium.flex-right .mobile-nav > li.cart-item .header-button > a.header-cart-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; position:relative!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important; margin:0!important; border:1px solid #eadfe4!important; border-radius:50%!important; background:#fff!important; background-image:none!important; color:#c9176b!important; -webkit-text-fill-color:#c9176b!important; box-shadow:none!important; overflow:visible!important; transform:none!important; } body.yhn-mobile-product-controls-safe-39557183 #masthead .show-for-medium.flex-left .mobile-nav > li.nav-icon .header-button > a[data-open="#main-menu"]:focus-visible, body.yhn-mobile-product-controls-safe-39557183 #masthead .show-for-medium.flex-right .mobile-nav > li.cart-item .header-button > a.header-cart-link:focus-visible{ outline:2px solid rgba(201,23,107,.2)!important; outline-offset:2px!important; border-color:#d9a7bd!important; } /* --------------------------------------------------------- 2) Product add-to-cart success notice — status copy, not H1. Covers both Flatsome's message-container and native Woo notice. --------------------------------------------------------- */ body.single-product.yhn-mobile-product-controls-safe-39557183 .message-container.success-color, body.single-product.yhn-mobile-product-controls-safe-39557183 .woocommerce-message{ font-size:15.5px!important; line-height:1.45!important; font-weight:500!important; } body.single-product.yhn-mobile-product-controls-safe-39557183 .message-container.success-color .message-wrapper{ padding-top:10px!important; padding-bottom:10px!important; } body.single-product.yhn-mobile-product-controls-safe-39557183 .woocommerce-message{ margin-top:10px!important; margin-bottom:10px!important; padding-top:10px!important; padding-bottom:10px!important; } /* --------------------------------------------------------- 3) Product breadcrumb — preserve Rank Math content/schema, reduce only visual card height/radius on phones/tablets. --------------------------------------------------------- */ body.single-product.yhn-mobile-product-controls-safe-39557183 .yhn-rankmath-breadcrumb-wrap{ margin-top:6px!important; margin-bottom:8px!important; } body.single-product.yhn-mobile-product-controls-safe-39557183 .yhn-rankmath-breadcrumb-wrap nav, body.single-product.yhn-mobile-product-controls-safe-39557183 .yhn-rankmath-breadcrumb-wrap .rank-math-breadcrumb{ padding:7px 10px!important; border-radius:10px!important; font-size:12.5px!important; line-height:1.5!important; box-shadow:0 3px 10px rgba(30,20,30,.025)!important; } /* --------------------------------------------------------- 4) Product-page floating utilities — smaller and closer to viewport edges so they compete less with gallery arrows. --------------------------------------------------------- */ body.single-product.yhn-mobile-product-controls-safe-39557183 .ft-chatbox{ left:6px!important; right:auto!important; bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important; transform:scale(.45)!important; transform-origin:left bottom!important; box-shadow:none!important; } body.single-product.yhn-mobile-product-controls-safe-39557183 .back-to-top, body.single-product.yhn-mobile-product-controls-safe-39557183 .back-to-top.active, body.single-product.yhn-mobile-product-controls-safe-39557183 .button.icon.circle.back-to-top{ right:7px!important; bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; border-radius:50%!important; box-shadow:none!important; } /* Keep the 71.8.2 Side Cart safe-zone authoritative even though this stylesheet loads later. */ body.single-product.yhn-mobile-product-controls-safe-39557183.cfw-side-cart-open .ft-chatbox, body.single-product.yhn-mobile-product-controls-safe-39557183.cfw-side-cart-open .hotline-phone-ring-wrap, body.single-product.yhn-mobile-product-controls-safe-39557183.cfw-side-cart-open .back-to-top, body.single-product.yhn-mobile-product-controls-safe-39557183.cfw-side-cart-open .back-to-top.active, body.single-product.yhn-mobile-product-controls-safe-39557183.cfw-side-cart-open .button.icon.circle.back-to-top{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } } @media (max-width:549px){ body.single-product.yhn-mobile-product-controls-safe-39557183 .message-container.success-color, body.single-product.yhn-mobile-product-controls-safe-39557183 .woocommerce-message{ font-size:15px!important; line-height:1.42!important; } body.single-product.yhn-mobile-product-controls-safe-39557183 .yhn-rankmath-breadcrumb-wrap nav, body.single-product.yhn-mobile-product-controls-safe-39557183 .yhn-rankmath-breadcrumb-wrap .rank-math-breadcrumb{ padding:6px 9px!important; border-radius:9px!important; font-size:12.3px!important; } } /* SOURCE: css/yhn-commerce-controls-final-lock-39557184.css */ /** * HangNgoaiShop 3.9.55.71.8.4 — Commerce Controls Final Lock * Scope: CheckoutWC Side Cart CTA hierarchy + floating utility collision safety. * No header glyph/font, checkout layout, cart math, shipping or payment logic changes. */ /* Side Cart: one clear primary action. Catch both CheckoutWC and WooCommerce-injected buttons. */ body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout{ display:flex!important; flex-direction:column!important; gap:8px!important; } body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout button{ min-height:46px!important; margin:0!important; border-radius:5px!important; box-shadow:none!important; background-image:none!important; } /* View Cart = secondary. Support absolute/relative Vietnamese + default WooCommerce URLs/classes. */ body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a.button.wc-forward:not(.checkout), body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/gio-hang"], body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/cart"]{ border:1px solid #dedbd8!important; background:#fff!important; background-color:#fff!important; color:#353439!important; -webkit-text-fill-color:#353439!important; } body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a.button.wc-forward:not(.checkout):hover, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/gio-hang"]:hover, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/cart"]:hover, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a.button.wc-forward:not(.checkout):focus-visible{ border-color:#c9176b!important; background:#fff!important; color:#c9176b!important; -webkit-text-fill-color:#c9176b!important; } /* Checkout = primary. Kept after secondary rules deliberately. */ body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a.checkout, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/thanh-toan"], body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/checkout"], body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout > a.cfw-primary-btn{ border:1px solid #c9176b!important; background:#c9176b!important; background-color:#c9176b!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a.checkout:hover, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/thanh-toan"]:hover, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a[href*="/checkout"]:hover{ border-color:#a81258!important; background:#a81258!important; background-color:#a81258!important; } /* Side Cart is a focused commerce surface: floating utilities must never sit under the overlay/drawer. */ body.yhn-commerce-controls-final-39557184.cfw-side-cart-open .ft-chatbox, body.yhn-commerce-controls-final-39557184.cfw-side-cart-open .hotline-phone-ring-wrap, body.yhn-commerce-controls-final-39557184.cfw-side-cart-open .back-to-top, body.yhn-commerce-controls-final-39557184.cfw-side-cart-open .button.icon.circle.back-to-top, html.yhn-commerce-sidecart-open-39557184 .ft-chatbox, html.yhn-commerce-sidecart-open-39557184 .hotline-phone-ring-wrap, html.yhn-commerce-sidecart-open-39557184 .back-to-top, html.yhn-commerce-sidecart-open-39557184 .button.icon.circle.back-to-top{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } /* On phone Cart, the fixed chat bubble competes with quantity/totals/checkout controls. Hide it on this conversion step instead of allowing collisions. */ @media (max-width:849px){ body.woocommerce-cart.yhn-commerce-controls-final-39557184 .ft-chatbox, body.woocommerce-cart.yhn-commerce-controls-final-39557184 .hotline-phone-ring-wrap{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout a, body.yhn-commerce-controls-final-39557184 #cfw-side-cart .wc-proceed-to-checkout button{ min-height:45px!important; } }