/* Túi Xách Ngân Hà — trang trong (cửa hàng, chi tiết SP, bài viết, liên hệ) theo mockup Astra (10-07) */
.nhi-wrap { max-width: 1320px; margin: 0 auto; padding: 0 15px; position: relative; }
.nhi-h1 { color: #1B1B1B !important; font-size: 54px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.8px; margin: 0 0 10px !important; }
.nhi-h2 { color: #1B1B1B !important; font-size: 34px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -.4px; margin: 0 0 8px !important; }
.nhi-hsub, .nhi-sub { color: #333; font-size: 22px; line-height: 1.45; } .nhi-sub { font-size: 18px; color: #555; margin-bottom: 18px; }
.nhi-crumb { color: #8A8A8A; font-size: 16px; margin-bottom: 14px; } .nhi-crumb a { color: #8A8A8A !important; } .nhi-crumb span { margin: 0 10px; } .nhi-crumb b { color: #1B1B1B; font-weight: 400; }
.nhi-hero { background: #F2F0EC; padding: 30px 0 36px; }
.section.nhi-hero-s { padding: 0 !important; } .nhi-hin { padding: 30px 0 36px; } .nhi-h1-c { font-size: 66px !important; }
.nhi-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 58px; padding: 0 30px; background: #1B1B1B !important; color: #fff !important; border: 0; border-radius: 3px; font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: 0; margin: 0; }
.nhi-btn-o { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 58px; padding: 0 28px; border: 1.5px solid #1B1B1B; border-radius: 3px; background: #fff; color: #1B1B1B !important; font-size: 18px; font-weight: 600; } .nhi-btn-o img { width: 18px; height: 18px; }
.nhi-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; } .nhi-head .nhi-h2 { margin: 0 !important; }
.nhi-more { display: inline-flex; align-items: center; gap: 10px; color: #1B1B1B !important; font-size: 17px; text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; } .nhi-more i { width: 18px; height: 18px; background: url(icons/arr-d.png) center / contain no-repeat; }
.nhi-sec { background: #fff; padding: 44px 0 20px; } .nhi-sec2 { padding-bottom: 50px; }
/* cửa hàng */
.nhi-shop-w { background: #fff; padding: 34px 0 40px; }
.nhi-shop { display: grid; grid-template-columns: 256px minmax(0, 1fr); gap: 0; align-items: start; }
.nhi-side { padding-right: 26px; border-right: 1px solid #ECE9E4; min-height: 100%; }
.nhi-side h3 { display: flex; align-items: center; gap: 14px; color: #1B1B1B; font-size: 26px; font-weight: 600; margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid #ECE9E4; } .nhi-side h3 img { width: 28px; height: 28px; }
.nhi-side h4 { color: #1B1B1B; font-size: 20px; font-weight: 600; margin: 4px 0 12px; }
.nhi-side ul { list-style: none; margin: 0 0 20px !important; padding: 0 0 20px; border-bottom: 1px solid #ECE9E4; } .nhi-side li { margin: 0 0 12px !important; }
.nhi-side li a { display: flex; align-items: center; gap: 14px; color: #333 !important; font-size: 18px; } .nhi-side li a i { width: 20px; height: 20px; border: 1.5px solid #9A9A9A; border-radius: 2px; flex: 0 0 auto; background: #fff; }
.nhi-side li a.is-on { color: #1B1B1B !important; font-weight: 600; } .nhi-side li a.is-on i { background: #1B1B1B; border-color: #1B1B1B; box-shadow: inset 0 0 0 4px #fff; }
.nhi-colors { display: grid; gap: 14px; margin-bottom: 18px; } .nhi-colors span { display: flex; align-items: center; gap: 22px; color: #333; font-size: 18px; } .nhi-colors i { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(0,0,0,.08); }
.nhi-side-note { color: #777; font-size: 15px; line-height: 1.5; padding-top: 16px; border-top: 1px solid #ECE9E4; }
.nhi-main { padding-left: 22px; }
.nhi-bar { margin-bottom: 16px; } .nhi-bar h2 { color: #1B1B1B; font-size: 28px; font-weight: 600; margin: 0; } .nhi-bar span { color: #777; font-size: 16px; }
.nhi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 16px; } .nhi-grid4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .nhi-grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nhi-pr .nh-pr-img { height: 226px; } .nhi-shop .nhi-pr .nh-pr-img { height: 226px; }
.nhi-pr .nh-dots a { display: block; } .nhi-pr h3 { font-size: 18px !important; }
.nhi-pr .nh-price b { font-size: 19px; } .nhi-pr .nhi-sale b { color: #F8531F; }
.nhi-view { display: flex; align-items: center; justify-content: center; height: 42px; margin: 4px 10px 6px; border: 1px solid #1B1B1B; color: #1B1B1B !important; font-size: 15px; }
.nhi-view:hover { background: #1B1B1B; color: #fff !important; }
.nhi-ben { border-top: 1px solid #ECE9E4; background: #fff; padding: 26px 0; }
.nhi-bens { display: grid; grid-template-columns: repeat(4, 1fr); } .nhi-bens > div { display: flex; align-items: center; gap: 22px; padding: 0 22px; border-left: 1px solid #ECE9E4; } .nhi-bens > div:first-child { border: 0; padding-left: 0; }
.nhi-bens img { width: 54px; height: 54px; flex: 0 0 auto; } .nhi-bens b { color: #1B1B1B; font-size: 18px; font-weight: 600; } .nhi-bens em { display: block; font-style: normal; font-weight: 400; color: #8A8A8A; font-size: 15px; margin-top: 4px; }
/* chi tiết SP */
.nhi-pcrumb { color: #8A8A8A; font-size: 15px; padding-top: 14px; padding-bottom: 14px; } .nhi-pcrumb a { color: #8A8A8A !important; } .nhi-pcrumb span { margin: 0 10px; }
.nhi-psec { background: #fff; padding: 6px 0 10px; }
.nhi-prod { display: grid; grid-template-columns: 644px minmax(0, 1fr); gap: 50px; align-items: start; }
.nhi-gal-main { background: #F1EEE9; aspect-ratio: 644 / 556; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.nhi-gal-main img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; mix-blend-mode: multiply; }
.nhi-gal-th { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 14px; }
.nhi-gal-th button { margin: 0; padding: 0; border: 1.5px solid transparent; background: #F1EEE9; aspect-ratio: 1 / .88; cursor: pointer; min-height: 0; } .nhi-gal-th button.is-on { border-color: #1B1B1B; } .nhi-gal-th img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; display: block; }
.nhi-ptitle { color: #1B1B1B !important; font-size: 38px !important; font-weight: 600 !important; line-height: 1.25 !important; margin: 0 0 8px !important; }
.nhi-pprice { margin-bottom: 12px; } .nhi-pprice b { color: #F8531F; font-size: 34px; font-weight: 700; } .nhi-pprice del { color: #9A9A9A; font-size: 20px; margin-left: 14px; }
.nhi-pdesc { color: #444; font-size: 17px; line-height: 1.6; margin-bottom: 18px; }
.nhi-lbl { color: #1B1B1B; font-size: 17px; margin-bottom: 12px; } .nhi-lbl b { font-weight: 400; }
.nhi-sw { display: flex; gap: 26px; margin-bottom: 18px; } .nhi-sw a { display: flex; flex-direction: column; align-items: center; gap: 6px; color: #777 !important; font-size: 14px; }
.nhi-sw i { width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(0,0,0,.08); } .nhi-sw a.is-on i { box-shadow: 0 0 0 3px #fff, 0 0 0 4.5px #1B1B1B; } .nhi-sw a.is-on { color: #1B1B1B !important; }
.nhi-cart { margin: 0 0 14px; } .nhi-qrow { display: flex; align-items: center; gap: 40px; margin-bottom: 20px; color: #1B1B1B; font-size: 17px; }
.nhi-qty { display: inline-flex; border: 1px solid #DDD; height: 52px; } .nhi-qty button { width: 52px; margin: 0; padding: 0; border: 0; background: #fff; color: #1B1B1B; font-size: 22px; min-height: 0; } .nhi-qty input { width: 62px; height: 50px; margin: 0; border: 0; border-left: 1px solid #DDD; border-right: 1px solid #DDD; text-align: center; box-shadow: none; font-size: 17px; }
.nhi-pbtn { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .nhi-pbtn .nhi-btn, .nhi-pbtn .nhi-btn-o { width: 100%; height: 62px; }
.nhi-pbtn .single_add_to_cart_button::before, .nhi-pbtn .single_add_to_cart_button::after { content: none !important; }
.nhi-advice { color: #444; font-size: 17px; padding-bottom: 20px; border-bottom: 1px solid #ECE9E4; } .nhi-advice b { color: #F8531F; }
.nhi-pben { display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 20px; } .nhi-pben span { display: flex; align-items: center; gap: 14px; color: #333; font-size: 16px; line-height: 1.35; padding: 0 12px; border-left: 1px solid #ECE9E4; } .nhi-pben span:first-child { border: 0; padding-left: 0; } .nhi-pben img { width: 54px; height: 54px; flex: 0 0 auto; }
.nhi-tabs { margin-top: 40px; } .nhi-tabh { display: flex; border-bottom: 1px solid #ECE9E4; margin-bottom: 26px; }
.nhi-tab { margin: 0 0 -1px; padding: 0 26px 16px; background: none; border: 0; border-bottom: 3px solid transparent; color: #333; font-size: 18px; font-weight: 400; text-transform: none; letter-spacing: 0; min-height: 0; cursor: pointer; } .nhi-tab.is-on { color: #1B1B1B; font-weight: 600; border-bottom-color: #F8531F; }
.nhi-pane { display: none; } .nhi-pane.is-on { display: block; }
.nhi-desc { display: grid; grid-template-columns: minmax(0, 1fr) 690px; gap: 56px; align-items: start; }
.nhi-desc h2 { color: #1B1B1B; font-size: 32px; font-weight: 600; margin: 8px 0 14px; } .nhi-desc p { color: #555; font-size: 18px; line-height: 1.65; padding-bottom: 22px; border-bottom: 1px solid #ECE9E4; margin-bottom: 20px; }
.nhi-desc dl { display: grid; grid-template-columns: 130px 1fr; gap: 10px 0; margin: 0; } .nhi-desc dt { color: #1B1B1B; font-weight: 600; font-size: 17px; } .nhi-desc dd { color: #444; font-size: 17px; margin: 0; }
.nhi-desc-img { background: #F1EEE9; aspect-ratio: 690 / 376; display: flex; align-items: center; justify-content: center; } .nhi-desc-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; mix-blend-mode: multiply; }
.nhi-spec { max-width: 760px; } .nhi-spec td { padding: 12px 0; font-size: 16px; } .nhi-norev { color: #555; font-size: 17px; padding: 10px 0 20px; }
.nhi-outs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } .nhi-out { position: relative; display: block; } .nhi-out img { width: 100%; aspect-ratio: 700 / 666; object-fit: cover; display: block; }
.nhi-out span { position: absolute; left: 22px; bottom: 18px; color: #fff; font-size: 20px; font-weight: 600; text-shadow: 0 1px 6px rgba(0,0,0,.4); }
/* bài viết */
.nhi-post { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; padding-top: 26px; padding-bottom: 20px; align-items: start; }
.nhi-pcrumb2 { color: #8A8A8A; font-size: 15px; margin-bottom: 14px; } .nhi-pcrumb2 a { color: #8A8A8A !important; } .nhi-pcrumb2 span { margin: 0 8px; }
.nhi-eb { color: #F8531F; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; }
.nhi-ptl { color: #1B1B1B !important; font-size: 42px !important; font-weight: 700 !important; line-height: 1.25 !important; margin: 0 0 14px !important; }
.nhi-meta { display: flex; gap: 26px; color: #555; font-size: 15px; margin-bottom: 18px; } .nhi-meta span { display: inline-flex; align-items: center; gap: 8px; } .nhi-meta img { width: 18px; height: 18px; }
.nhi-pthumb img { width: 100%; aspect-ratio: 896 / 500; object-fit: cover; display: block; }
.nhi-content { color: #444; font-size: 17px; line-height: 1.7; padding-top: 22px; } .nhi-content > p { margin-bottom: 18px; } .nhi-content h2, .nhi-content h3 { color: #1B1B1B; font-size: 22px; font-weight: 600; margin: 22px 0 10px; }
.nhi-toc { background: #F2F0EC; padding: 22px 26px; margin: 0 0 30px; } .nhi-toc b { display: block; color: #1B1B1B; font-size: 18px; margin-bottom: 10px; } .nhi-toc ol { margin: 0 0 0 4px; padding: 0; list-style: none; counter-reset: t; } .nhi-toc li { counter-increment: t; margin: 0 0 6px; } .nhi-toc li::before { content: "0" counter(t) "."; color: #F8531F; font-weight: 600; margin-right: 12px; } .nhi-toc a { color: #333 !important; }
.nhi-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 26px; } .nhi-two figure { margin: 0; } .nhi-two img { width: 100%; aspect-ratio: 460 / 560; object-fit: cover; display: block; margin-bottom: 14px; } .nhi-two h3 { font-size: 20px !important; margin: 0 0 8px !important; } .nhi-two p { font-size: 15.5px; margin: 0; }
.nhi-tip { display: flex; gap: 22px; align-items: center; background: #F2F0EC; border-left: 4px solid #F8531F; padding: 18px 24px; margin: 0 0 30px; } .nhi-tip img { width: 44px; height: 44px; flex: 0 0 auto; } .nhi-tip b { display: block; color: #F8531F; font-size: 18px; }
.nhi-share { display: flex; align-items: center; gap: 12px; color: #333; font-size: 16px; padding: 18px 0; border-bottom: 1px solid #ECE9E4; } .nhi-share a { width: 40px; height: 40px; border-radius: 50%; background: #1877F2; display: flex; align-items: center; justify-content: center; } .nhi-share img { width: 20px; height: 20px; }
.nhi-aside { position: sticky; top: 100px; }
.nhi-promo { background: #F2F0EC; margin-bottom: 30px; } .nhi-promo img { width: 100%; aspect-ratio: 360 / 400; object-fit: cover; display: block; } .nhi-promo > div { padding: 20px 20px 24px; } .nhi-promo h3 { color: #1B1B1B; font-size: 24px; font-weight: 600; margin: 0 0 16px; } .nhi-promo .nhi-btn { height: 46px; font-size: 16px; padding: 0 22px; }
.nhi-at { color: #1B1B1B; font-size: 21px; font-weight: 600; margin: 0 0 14px; }
.nhi-mini { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: center; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #ECE9E4; } .nhi-mini img { width: 150px; aspect-ratio: 3 / 2; object-fit: cover; display: block; } .nhi-mini span { color: #1B1B1B; font-size: 15.5px; line-height: 1.4; }
.nhi-cats { list-style: none; margin: 0 0 26px !important; padding: 0; } .nhi-cats li { margin: 0 !important; border-bottom: 1px solid #ECE9E4; } .nhi-cats a { display: flex; justify-content: space-between; color: #333 !important; font-size: 17px; padding: 12px 0; } .nhi-cats a::after { content: "›"; color: #777; }
.nhi-help { display: flex; gap: 18px; align-items: center; background: #F2F0EC; padding: 20px 22px; } .nhi-help img { width: 50px; height: 50px; } .nhi-help span { display: block; color: #1B1B1B; font-size: 16px; } .nhi-help b { color: #F8531F; font-size: 28px; font-weight: 700; }
.nhi-rposts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .nhi-rp img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; margin-bottom: 12px; } .nhi-rp b { display: block; color: #1B1B1B; font-size: 18px; font-weight: 600; line-height: 1.35; margin-bottom: 6px; } .nhi-rp span { color: #F8531F; font-size: 15px; font-weight: 600; }
/* liên hệ */
.section.nhi-ct-sec { padding: 34px 0 30px !important; border-bottom: 1px solid #ECE9E4; }
.nhi-ct { display: grid; grid-template-columns: minmax(0, 1fr) 448px; gap: 50px; align-items: start; } .nhi-ctsub { color: #555; font-size: 19px; margin-bottom: 20px; }
form.nhi-cf7, .nhi-cf7 .wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; } .nhi-cf7 .nhi-full { grid-column: 1 / -1; }
.nhi-cf7 .nhi-f { margin-bottom: 18px; } .nhi-cf7 .nhi-lb { display: block; color: #1B1B1B; font-size: 16px; margin-bottom: 8px; } .nhi-cf7 .nhi-lb em { color: #F8531F; font-style: normal; }
.nhi-cf7 input[type=text], .nhi-cf7 input[type=tel], .nhi-cf7 input[type=email], .nhi-cf7 select, .nhi-cf7 textarea { width: 100%; height: 44px; margin: 0 !important; border: 1px solid #D9D6D1 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 15px !important; padding: 0 16px !important; }
.nhi-cf7 textarea { height: 120px; padding-top: 12px !important; }
.nhi-cf7 input[type=submit] { grid-column: 1 / -1; justify-self: start; height: 50px; padding: 0 56px 0 28px !important; margin: 0 !important; border: 0; border-radius: 0; background: #1B1B1B url(icons/arr-w.png) calc(100% - 24px) center / 20px no-repeat !important; color: #fff; font-size: 18px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.nhi-cf7 .wpcf7-response-output { grid-column: 1 / -1; } .nhi-cf7 .wpcf7-spinner { position: absolute; }
.nhi-cti .nhi-h2 { margin-bottom: 16px !important; }
.nhi-ci { display: flex; gap: 28px; align-items: flex-start; background: #F5F3EF; padding: 22px 26px; margin-bottom: 14px; } .nhi-ci > img { width: 52px; height: 52px; flex: 0 0 auto; margin-top: 4px; }
.nhi-ci span { display: block; color: #1B1B1B; font-size: 18px; } .nhi-ci-b { display: block; color: #1B1B1B !important; font-size: 20px; font-weight: 700; } .nhi-ci b { display: block; color: #1B1B1B; font-size: 20px; font-weight: 700; line-height: 1.4; } .nhi-ci em { display: block; font-style: normal; color: #555; font-size: 16px; margin-top: 4px; }
.nhi-ci-m { white-space: nowrap; font-size: 19px; }
.nhi-hours { display: flex; align-items: center; gap: 12px; color: #444; font-size: 16px; margin-top: 18px; } .nhi-hours img { width: 24px; height: 24px; } .nhi-hours b { color: #1B1B1B; font-weight: 600; }
.section.nhi-store-sec { padding: 30px 0 20px !important; } .nhi-store { background: #F5F3EF; } .nhi-store-h { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 26px; }
.nhi-store-h h3 { color: #1B1B1B; font-size: 24px; font-weight: 600; margin: 0 0 6px; } .nhi-store-h div div { display: flex; align-items: center; gap: 10px; color: #333; font-size: 16px; margin-bottom: 4px; } .nhi-store-h div div img { width: 18px; height: 18px; }
.nhi-store-h .nhi-btn-o { height: 50px; } .nhi-store iframe { width: 100%; height: 300px; border: 0; display: block; }
.section.nhi-faq-sec { padding: 26px 0 40px !important; }
.nhi-faq { border-top: 1px solid #ECE9E4; margin-top: 12px; } .nhi-fq { border-bottom: 1px solid #ECE9E4; }
.nhi-fq summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 22px; padding: 18px 4px; color: #1B1B1B; font-size: 20px; font-weight: 500; } .nhi-fq summary::-webkit-details-marker { display: none; }
.nhi-fq summary::before { content: "+"; width: 22px; font-size: 28px; font-weight: 300; line-height: 1; } .nhi-fq[open] summary::before { content: "–"; }
.nhi-fq > div { padding: 0 4px 18px 48px; color: #555; font-size: 17px; line-height: 1.6; }
footer li, .nhi-ci * { min-width: 0; }
@media (max-width: 1240px) { .nhi-prod { grid-template-columns: 1fr 1fr; } .nhi-desc { grid-template-columns: 1fr 1fr; } .nhi-ct { grid-template-columns: 1fr 400px; } .nhi-ci-m { font-size: 16px; } }
@media (max-width: 1023px) {
  .nhi-shop { grid-template-columns: 1fr; } .nhi-side { border: 0; padding: 0 0 20px; } .nhi-main { padding: 0; } .nhi-colors { grid-template-columns: repeat(3, 1fr); }
  .nhi-grid, .nhi-grid4, .nhi-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .nhi-bens { grid-template-columns: 1fr 1fr; gap: 18px; } .nhi-bens > div { border: 0; padding: 0; }
  .nhi-post { grid-template-columns: 1fr; } .nhi-aside { position: static; } .nhi-ct { grid-template-columns: 1fr; }
}
@media (max-width: 849px) {
  .nhi-h1, .nhi-h1-c { font-size: 36px !important; } .nhi-h2 { font-size: 26px !important; } .nhi-hsub { font-size: 17px; } .nhi-ptl { font-size: 28px !important; } .nhi-ptitle { font-size: 28px !important; }
  .nhi-prod, .nhi-desc, .nhi-two, .nhi-outs, .nhi-rposts, form.nhi-cf7, .nhi-cf7 .wpcf7-form { grid-template-columns: 1fr; }
  .nhi-pr .nh-pr-img, .nhi-shop .nhi-pr .nh-pr-img { height: 160px; } .nhi-pr h3 { font-size: 15px !important; white-space: normal; } .nhi-view { height: 38px; font-size: 14px; }
  .nhi-pbtn { grid-template-columns: 1fr; } .nhi-pben { grid-template-columns: 1fr; gap: 12px; } .nhi-pben span { border: 0; padding: 0; } .nhi-pben br { display: none; }
  .nhi-sw { gap: 14px; flex-wrap: wrap; } .nhi-sw i { width: 42px; height: 42px; } .nhi-tab { padding: 0 14px 12px; font-size: 16px; }
  .nhi-ci { gap: 16px; padding: 16px; } .nhi-ci > img { width: 38px; height: 38px; } .nhi-ci-m { white-space: normal; overflow-wrap: anywhere; }
  .nhi-store-h { flex-direction: column; align-items: flex-start; } .nhi-head { flex-direction: column; align-items: flex-start; gap: 6px; }
  .nhi-mini { grid-template-columns: 110px 1fr; } .nhi-mini img { width: 110px; } .nhi-bens { grid-template-columns: 1fr; }
}
.nhi-pr .nh-pr-img img { mix-blend-mode: multiply; }
.nhi-desc dt, .nhi-desc dd { text-transform: none; letter-spacing: 0; }
.nhi-two img { aspect-ratio: 460 / 470; object-position: 50% 15%; }
.nhi-ico { display: inline-block; width: 24px; height: 24px; background: center / contain no-repeat; flex: 0 0 auto; } .nhi-ico-l { width: 46px; height: 46px; }
.nhi-gal-th button span { display: block; width: 100%; height: 100%; background: center / contain no-repeat; mix-blend-mode: multiply; }
@media (max-width: 1023px) { .nhi-side h4:nth-of-type(2), .nhi-colors, .nhi-side-note { display: none; } .nhi-side ul { display: flex; flex-wrap: wrap; gap: 10px 18px; } }