/* ZimuShop icon fallback: names used by migrated content that do not exist in Font Awesome 6 free are mapped to the closest real glyph (solid weight). */
.fa-stomach,.fa-rabbit,.fa-ear,.fa-rat,.fa-parrot,.fa-toothbrush,.fa-blanket,.fa-grater,.fa-tweezers,.fa-treat,.fa-tips,.fa-pumpkin,.fa-itch,.fa-hamster,.fa-turtle,.fa-deer,.fa-skin,.fa-fence,.fa-home-heart,.fa-snake,.fa-lizard,.fa-bite,.fa-refrigerator,.fa-ice-cube,.fa-duck,.fa-knife,.fa-flower,.fa-soft,.fa-grate,.fa-pump,.fa-sponge,.fa-leak,.fa-parasite,.fa-violet,.fa-blue,.fa-green,.fa-red,.fa-rock,.fa-pebble,.fa-perch,.fa-window,.fa-stick,.fa-frisbee,.fa-vaccine,.fa-vomit,.fa-carrier,.fa-leash,.fa-furniture,.fa-puppy,.fa-scrubber,.fa-cracked-tooth,.fa-chocolate-bar,.fa-footprints,.fa-reflect,.fa-allergy,.fa-customize,.fa-vitamins,.fa-hedgehog,.fa-diy,.fa-gut,.fa-potato,.fa-vibrate,.fa-shovel,.fa-sheep,.fa-trend-up,.fa-hand-wash,.fa-rider,.fa-stamping,.fa-eye-wide,.fa-cracked-egg,.fa-rope,.fa-saddle,.fa-kangaroo,.fa-scent,.fa-gate,.fa-toys,.fa-hawk,.fa-whistle,.fa-ventilation,.fa-seatbelt,.fa-calendar-exclamation,.fa-smartphone,.fa-check-in,.fa-tail,.fa-flag-eu,.fa-flag-uk,.fa-lifesaver,.fa-subscription,.fa-cup,.fa-sunglasses,.fa-routine,.fa-desert,.fa-berry,.fa-banana,.fa-ramp-loading,.fa-heat,.fa-herbal,.fa-vitamin-c,.fa-ferret,.fa-sensor,.fa-clipboard-prescription,.fa-grapes,.fa-acupuncture,.fa-can-food,.fa-drumstick,.fa-kidney,.fa-kidneys,.fa-liver,.fa-chart-network,.fa-wheat,.fa-salt,.fa-transfusion,.fa-tint-droplet,.fa-bladder,.fa-zipper,.fa-tint-drip,.fa-click,.fa-jump-rope,.fa-stress{font-family:"Font Awesome 6 Free";font-weight:900}
.fa-stomach:before{content:"\f484"}
.fa-rabbit:before{content:"\f787"}
.fa-ear:before{content:"\f2a2"}
.fa-rat:before{content:"\f7ef"}
.fa-parrot:before{content:"\f4ba"}
.fa-toothbrush:before{content:"\f5c9"}
.fa-blanket:before{content:"\f236"}
.fa-grater:before{content:"\f2e7"}
.fa-tweezers:before{content:"\f0c4"}
.fa-treat:before{content:"\f5d7"}
.fa-tips:before{content:"\f0eb"}
.fa-pumpkin:before{content:"\f787"}
.fa-itch:before{content:"\f188"}
.fa-hamster:before{content:"\f1b0"}
.fa-turtle:before{content:"\f52e"}
.fa-deer:before{content:"\f6d7"}
.fa-skin:before{content:"\f461"}
.fa-fence:before{content:"\f84c"}
.fa-home-heart:before{content:"\f004"}
.fa-snake:before{content:"\e599"}
.fa-lizard:before{content:"\f6d5"}
.fa-bite:before{content:"\f62e"}
.fa-refrigerator:before{content:"\f2dc"}
.fa-ice-cube:before{content:"\f1b2"}
.fa-duck:before{content:"\f4ba"}
.fa-knife:before{content:"\f2e7"}
.fa-flower:before{content:"\f863"}
.fa-soft:before{content:"\f52d"}
.fa-grate:before{content:"\f2e7"}
.fa-pump:before{content:"\e005"}
.fa-sponge:before{content:"\e06e"}
.fa-leak:before{content:"\e006"}
.fa-parasite:before{content:"\e074"}
.fa-violet:before{content:"\f111"}
.fa-blue:before{content:"\f111"}
.fa-green:before{content:"\f111"}
.fa-red:before{content:"\f111"}
.fa-rock:before{content:"\f6fc"}
.fa-pebble:before{content:"\f111"}
.fa-perch:before{content:"\f52d"}
.fa-window:before{content:"\f84c"}
.fa-stick:before{content:"\f547"}
.fa-frisbee:before{content:"\f51f"}
.fa-vaccine:before{content:"\f48e"}
.fa-vomit:before{content:"\f567"}
.fa-carrier:before{content:"\f466"}
.fa-leash:before{content:"\f6d3"}
.fa-furniture:before{content:"\f4b8"}
.fa-puppy:before{content:"\f6d3"}
.fa-scrubber:before{content:"\e06e"}
.fa-cracked-tooth:before{content:"\f5c9"}
.fa-chocolate-bar:before{content:"\f563"}
.fa-footprints:before{content:"\f1b0"}
.fa-reflect:before{content:"\f06e"}
.fa-allergy:before{content:"\f461"}
.fa-customize:before{content:"\f1de"}
.fa-vitamins:before{content:"\f46b"}
.fa-hedgehog:before{content:"\f1b0"}
.fa-diy:before{content:"\f6e3"}
.fa-gut:before{content:"\f484"}
.fa-potato:before{content:"\f787"}
.fa-vibrate:before{content:"\f83e"}
.fa-shovel:before{content:"\e589"}
.fa-sheep:before{content:"\f1b0"}
.fa-trend-up:before{content:"\e098"}
.fa-hand-wash:before{content:"\e06e"}
.fa-rider:before{content:"\f6f0"}
.fa-stamping:before{content:"\f5bf"}
.fa-eye-wide:before{content:"\f06e"}
.fa-cracked-egg:before{content:"\f7fb"}
.fa-rope:before{content:"\f0c1"}
.fa-saddle:before{content:"\f6f0"}
.fa-kangaroo:before{content:"\f1b0"}
.fa-scent:before{content:"\f72e"}
.fa-gate:before{content:"\f52b"}
.fa-toys:before{content:"\f5d7"}
.fa-hawk:before{content:"\f4ba"}
.fa-whistle:before{content:"\f0f3"}
.fa-ventilation:before{content:"\f863"}
.fa-seatbelt:before{content:"\f1b9"}
.fa-calendar-exclamation:before{content:"\f783"}
.fa-smartphone:before{content:"\f3cd"}
.fa-check-in:before{content:"\f058"}
.fa-tail:before{content:"\f1b0"}
.fa-flag-eu:before{content:"\f024"}
.fa-flag-uk:before{content:"\f024"}
.fa-lifesaver:before{content:"\f1cd"}
.fa-subscription:before{content:"\f49e"}
.fa-cup:before{content:"\f7b6"}
.fa-sunglasses:before{content:"\f530"}
.fa-routine:before{content:"\f274"}
.fa-desert:before{content:"\f185"}
.fa-berry:before{content:"\f5d1"}
.fa-banana:before{content:"\f5d1"}
.fa-ramp-loading:before{content:"\e289"}
.fa-heat:before{content:"\f769"}
.fa-herbal:before{content:"\f06c"}
.fa-vitamin-c:before{content:"\f484"}
.fa-ferret:before{content:"\f1b0"}
.fa-sensor:before{content:"\f1eb"}
.fa-clipboard-prescription:before{content:"\f5b1"}
.fa-grapes:before{content:"\f5d1"}
.fa-acupuncture:before{content:"\f5bb"}
.fa-can-food:before{content:"\e4c6"}
.fa-drumstick:before{content:"\f6d7"}
.fa-kidney:before{content:"\f043"}
.fa-kidneys:before{content:"\f043"}
.fa-liver:before{content:"\f043"}
.fa-chart-network:before{content:"\f542"}
.fa-wheat:before{content:"\f4d8"}
.fa-salt:before{content:"\f2e5"}
.fa-transfusion:before{content:"\f043"}
.fa-tint-droplet:before{content:"\f043"}
.fa-bladder:before{content:"\f043"}
.fa-zipper:before{content:"\f553"}
.fa-tint-drip:before{content:"\f043"}
.fa-click:before{content:"\f245"}
.fa-jump-rope:before{content:"\f21e"}
.fa-stress:before{content:"\f5c8"}

/* Round 2 (v1.1.8): mixer glyph missing from free solid font -> blender; case-typo class; brand icons used with fas prefix */
.fa-mixer:before{content:"\f517";}
.fa-Star:before{content:"\f005";}
.fas.fa-bluetooth,.fas.fa-tumblr{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important;}

/* Font-family guard (v1.3.5): every migrated page/post style block begins
   with .entry-content * {font-family:"Segoe UI",...}, which out-ranks Font
   Awesome's own .fas/.fab rules and turns every real icon (stars, Amazon
   logo, heading icons) into an empty box. Force the FA families back on
   all icon elements inside .entry-content. */
.entry-content .fa, .entry-content .fas, .entry-content .fa-solid {font-family: "Font Awesome 6 Free" !important; font-weight: 900}
.entry-content .far, .entry-content .fa-regular {font-family: "Font Awesome 6 Free" !important; font-weight: 400}
.entry-content .fab, .entry-content .fa-brands {font-family: "Font Awesome 6 Brands" !important; font-weight: 400}

/* --- FAQ on pages/hubs/homepage (v1.3.26 redesign, v1.3.28 unified): the
   EXACT same design as single posts (see zs-article.css) - every visual
   property is set here because each migrated template ships its own FAQ
   CSS; anything left unset renders differently per page. --- */
.entry-content .faq-section {background: transparent !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important}
.entry-content .faq-section > h2, .entry-content .faq-title {font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 1.55rem !important; color: #1a252f !important; text-align: left !important; margin: 0 0 0.6rem !important}
.entry-content .faq-container {background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; max-width: none !important}
.entry-content .faq-item {background: transparent !important; border: none !important; border-bottom: 1px solid #e3eae5 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important}
.entry-content .faq-question {display: flex !important; align-items: center; justify-content: space-between; gap: 1rem; background: transparent !important; padding: 14px 2px !important; margin: 0 !important; font-family: 'Poppins', sans-serif; font-weight: 600; color: #1a252f; font-size: 1.05rem; cursor: pointer}
.entry-content .faq-question:hover {color: #219653}
.entry-content .faq-question h3 {margin: 0 !important; font-size: 1.05rem !important; font-weight: 600 !important; color: inherit !important; text-align: left !important; line-height: 1.35 !important}
.entry-content .faq-question > p {margin: 0 !important; line-height: 0}
.entry-content .faq-answer {max-height: 0 !important; overflow: hidden !important; padding: 0 !important; background: transparent !important; margin: 0 !important; color: #44564e; line-height: 1.7; transition: max-height 0.35s ease}
.entry-content .faq-answer > *:first-child {margin-top: 0 !important}
.entry-content .faq-item.active .faq-answer {max-height: 1200px !important; padding: 0 2px 16px !important}
/* /faq/ page category headers in the same style */
.entry-content .faq-category {margin-top: 2rem !important}
.entry-content .faq-category-header {display: flex !important; align-items: center; gap: 0.6rem; margin: 0 0 0.4rem !important; background: transparent !important; padding: 0 !important}
.entry-content .faq-category-title {font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 1.3rem !important; color: #1a252f !important; margin: 0 !important; text-align: left !important}
.entry-content .faq-category-icon {color: #27ae60 !important}
.entry-content .faq-question .faq-toggle {display: none !important}
.entry-content .faq-question i {display: none !important} /* any template chevron, direct or wrapped in <p> */
.entry-content .faq-question::after {content: "+"; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1.5px solid #27ae60; border-radius: 50%; color: #27ae60; font-size: 1.15rem; font-weight: 600; line-height: 1; flex: none; transition: all 0.2s ease}
.entry-content .faq-item.active .faq-question::after {content: "\2212"; background: #27ae60; color: #ffffff}

/* Top gap (v1.3.11, kept in v1.3.14): the templates' 3rem top margin on
   .main-content left a large empty gap at the top of every article;
   tightened to 1rem. The breadcrumb bar itself is filled with real links
   by the plugin since v1.3.14 (it was hidden briefly in v1.3.11 while
   still empty, at the owner's earlier request to delete the empty box). */
.entry-content .main-content {margin-top: 1rem !important}

/* Breadcrumb fallback styling (v1.3.14): most pages carry these exact rules
   in their own <style> block; hubs whose template lacks them get the same
   look from here so the bar renders identically everywhere. */
.entry-content .breadcrumb-section {background-color: #f8f9fa; padding: 1rem 0; border-bottom: 1px solid #eee}
.entry-content .breadcrumb {display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0}
.entry-content .breadcrumb-item {display: flex; align-items: center}
.entry-content .breadcrumb-item + .breadcrumb-item::before {content: "/"; display: inline-block; padding: 0 0.5rem; color: #6c757d}
.entry-content .breadcrumb-item a {color: #27ae60; text-decoration: none}
.entry-content .breadcrumb-item a:hover {color: #219653; text-decoration: underline}
.entry-content .breadcrumb-item.active {color: #6c757d}

/* Breadcrumb alignment (v1.3.18): on posts the bar was trapped inside the
   narrow centered article column, so its text started far right of the
   site container's left edge. Break the band out to full width (same
   technique as the hub heroes); the inner .container (max-width 1200px,
   centered) then puts the breadcrumb text on the LEFT at the same edge
   as the rest of the site layout. */
.entry-content .breadcrumb-section {position: relative; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw)}

/* Archive cards (v1.3.22): on /blog/ and the category archives the theme
   renders each card as title first, then the featured image, then a long
   excerpt. Put the image on top and clamp the excerpt to 3 lines (the
   excerpt text itself now comes from the clean meta description). */
.entries article.entry-card {display: flex; flex-direction: column}
.entries article.entry-card .ct-card-content {display: contents}
.entries article.entry-card .ct-media-container {order: -2}
.entries .entry-excerpt {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden}

/* v1.3.31: Amazon price buttons keep white label text on the green button.
   The generic post link color (green) outranked the templates' white, so
   force white here for the two buy-button classes and their icons. */
.entry-content a.in-article-product-link,
.entry-content a.product-link {color: #ffffff !important}
.entry-content a.in-article-product-link i,
.entry-content a.product-link i {color: #ffffff !important}

/* Elementor pages (v1.3.32): on Elementor-built pages the breadcrumb bar
   filled by the plugin sits OUTSIDE .entry-content, so the scoped rules
   above never reach it and it rendered as a plain numbered list above
   the hero. These unscoped duplicates give the bar its normal look
   anywhere; zs-widgets.js moves it under the hero on Elementor pages. */
.breadcrumb-section {background-color: #f8f9fa; padding: 1rem 0; border-bottom: 1px solid #eee}
.breadcrumb-section .breadcrumb {display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0}
.breadcrumb-section .breadcrumb-item {display: flex; align-items: center}
.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {content: "/"; display: inline-block; padding: 0 0.5rem; color: #6c757d}
.breadcrumb-section .breadcrumb-item a {color: #27ae60; text-decoration: none}
.breadcrumb-section .breadcrumb-item a:hover {color: #219653; text-decoration: underline}
.breadcrumb-section .breadcrumb-item.active {color: #6c757d}