/*
Theme Name: BTM Pet Shop Family
Theme URI: https://btmpet.shop/
Author: BTM Pet Shop
Description: Bilingual block theme for BTM Pet Shop, Miu Ở Nhà and An Yên.
Version: 1.0.3
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: btm-family
*/

:root{--btm-shadow:0 18px 48px rgba(55,39,29,.11);--btm-gutter:clamp(1.5rem,5vw,5rem);--btm-safe-gutter:max(20px,var(--btm-gutter),env(safe-area-inset-left),env(safe-area-inset-right));--btm-font-sans:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif;--btm-font-display:"Lora",Georgia,"Noto Serif",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--btm-font-sans);font-feature-settings:"liga" 1,"calt" 1;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}a{text-underline-offset:.18em}h1,h2,h3,h4,h5,h6,.has-display-font-family,.btm-single-post h1{font-family:var(--btm-font-display);letter-spacing:normal!important;line-height:1.2!important;overflow:visible!important}.wp-site-blocks{min-height:100vh;padding-bottom:0}.btm-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.97);border-bottom:1px solid rgba(67,48,37,.12);box-shadow:0 5px 24px rgba(55,39,29,.06)}.btm-header-inner{min-height:76px;gap:1.25rem}.btm-brand-logo img{display:block;width:clamp(180px,17vw,235px);height:auto}.btm-main-nav{font-size:.86rem;font-weight:650}.btm-main-nav .wp-block-navigation-item__content{padding:.45rem .2rem}.btm-nav-en{display:none!important}.btm-lang-en .btm-nav-vi{display:none!important}.btm-lang-en .btm-nav-en{display:flex!important}.btm-language-switch{display:flex;align-items:center;gap:.25rem;padding:.34rem;border:1px solid rgba(48,41,35,.22);border-radius:999px;background:#fff;font-size:.78rem;font-weight:800;white-space:nowrap}.btm-language-switch a{display:inline-grid;place-items:center;min-width:2.1rem;min-height:2.1rem;border-radius:999px;color:#302923;text-decoration:none}.btm-language-switch a[aria-current=true]{background:#302923;color:#fff}.btm-header-cta{white-space:nowrap}.btm-menu-label{font-weight:800}.btm-hero{position:relative;isolation:isolate;min-height:clamp(680px,82svh,780px);display:grid;align-items:center;overflow:hidden}.btm-hero-media{position:absolute;inset:0;z-index:-2;margin:0!important;max-width:none!important}.btm-hero-media video,.btm-hero-media img{width:100%;height:100%;object-fit:cover;object-position:70% center}.btm-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(18,20,18,.78) 0%,rgba(18,20,18,.67) 38%,rgba(18,20,18,.28) 63%,rgba(18,20,18,.06) 82%)}.btm-hero-copy{position:relative;z-index:2;width:min(100%,1240px);max-width:none!important;margin-inline:auto!important;padding:clamp(5rem,9vh,7rem) max(var(--btm-gutter),env(safe-area-inset-left)) clamp(4.5rem,8vh,6rem);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.24)}.btm-hero-copy>*{max-width:62ch}.btm-hero-copy h1{font-family:var(--btm-font-display);font-size:clamp(3.2rem,4.8vw,4.5rem)!important;line-height:1.15!important;max-width:14ch;letter-spacing:normal!important;text-wrap:balance;margin-block:.3em;overflow:visible!important}.btm-hero-copy .has-large-font-size{font-size:clamp(1.08rem,1.5vw,1.28rem)!important;line-height:1.55;max-width:60ch}.btm-sensitive .btm-hero-copy{padding-block:clamp(6rem,11vh,8rem)}.btm-sensitive .btm-hero-copy h1{max-width:12ch}.btm-sensitive .btm-hero:after{background:linear-gradient(90deg,rgba(25,21,17,.82) 0%,rgba(25,21,17,.69) 40%,rgba(25,21,17,.25) 68%,rgba(25,21,17,.08) 84%)}.btm-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800}.btm-card{height:100%;border:1px solid rgba(67,48,37,.12);border-radius:20px;box-shadow:var(--btm-shadow);overflow:hidden;background:#fff}.btm-card>.wp-block-group{height:100%}.btm-pricing{border-top:5px solid var(--wp--preset--color--terracotta)}.btm-process{counter-reset:steps}.btm-process>.wp-block-group{position:relative;padding-left:4rem}.btm-process>.wp-block-group:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;background:var(--wp--preset--color--forest);color:#fff;font-weight:700}.btm-trust{overflow:auto;white-space:nowrap}.btm-sensitive{--wp--preset--color--forest:#51462f;--wp--preset--color--terracotta:#9b7a4b}.btm-sticky{display:none}.btm-note{border-left:4px solid var(--wp--preset--color--gold);padding-left:1rem}.btm-faq details{border-top:1px solid rgba(67,48,37,.18);padding:1rem 0}.btm-faq summary{font-weight:700;cursor:pointer}.btm-contact-grid a{word-break:break-word}.btm-post-grid .wp-block-post{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(67,48,37,.12);border-radius:18px;overflow:hidden}.btm-post-grid .wp-block-post>*:not(.wp-block-post-featured-image){margin-inline:1.25rem}.btm-post-grid .wp-block-post-featured-image{margin:0}.btm-post-grid .wp-block-post-excerpt{margin-bottom:1.25rem}.btm-social-links a{display:inline-flex;min-height:44px;align-items:center}.btm-footer{padding-bottom:calc(var(--wp--preset--spacing--50) + env(safe-area-inset-bottom))}.btm-footer a{color:#fff}.btm-footer a[href^="mailto:"],.btm-footer a[href^="tel:"],.btm-footer a[href*="zalo.me"]{display:inline-flex;min-height:44px;align-items:center}.btm-packages .wp-block-column{min-width:0}.btm-price{font-size:clamp(2rem,3vw,3rem);line-height:1;font-family:var(--wp--preset--font-family--display);color:var(--wp--preset--color--terracotta)}:focus-visible{outline:3px solid #1e654f;outline-offset:4px}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}
.wp-site-blocks{width:100%;max-width:100%;overflow-x:clip}.wp-site-blocks>*{min-width:0}.btm-page,.btm-page>*{min-width:0}.btm-page>.alignfull{width:100vw!important;max-width:none!important;position:relative;left:50%;margin-inline:0!important;transform:translateX(-50%)}.btm-page>.alignwide{width:min(1240px,calc(100vw - 2 * var(--btm-safe-gutter)))!important;max-width:none!important;position:relative;left:50%;margin-inline:0!important;transform:translateX(-50%)}
/* Protect inner content of full-width sections from legacy plugin resets. */
.btm-page>.alignfull:not(.btm-hero),.btm-page>.has-background{padding-left:var(--btm-safe-gutter)!important;padding-right:var(--btm-safe-gutter)!important}.btm-page>.alignfull:not(.btm-hero)>:where(.alignwide,.wp-block-columns,.wp-block-group,.wp-block-query,.wp-block-heading,.wp-block-paragraph,.wp-block-buttons,.wp-block-details,.wp-block-list,ul,ol),.btm-page>.has-background>:where(.alignwide,.wp-block-columns,.wp-block-group,.wp-block-query,.wp-block-heading,.wp-block-paragraph,.wp-block-buttons,.wp-block-details,.wp-block-list,ul,ol){width:min(100%,1240px);max-width:1240px;margin-left:auto!important;margin-right:auto!important}.btm-header>.alignwide,.btm-footer>.alignwide,.btm-footer>.wp-block-separator,.btm-footer>p{width:min(100%,1240px)!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}.btm-header,.btm-footer{padding-left:max(20px,env(safe-area-inset-left))!important;padding-right:max(20px,env(safe-area-inset-right))!important}.btm-header-inner,.btm-footer .wp-block-column,.btm-page .wp-block-column,.btm-page .wp-block-post,.btm-page .wc-block-product{min-width:0}.btm-page :where(img,video,iframe,svg){max-width:100%;height:auto}.btm-page :where(.wp-block-buttons,.wp-block-button,.wp-block-button__link){max-width:100%}.btm-page .wp-block-button__link{white-space:normal;overflow-wrap:anywhere}.woocommerce .btm-shop,.woocommerce .btm-product,.woocommerce .wp-block-woocommerce-product-collection{width:min(1240px,calc(100vw - 2 * var(--btm-safe-gutter)));max-width:1240px;margin-inline:auto}.woocommerce :where(.products,.wc-block-product-template){min-width:0;max-width:100%}.woocommerce :where(.product,.wc-block-product){min-width:0;overflow-wrap:anywhere}
@media(min-width:768px) and (max-width:1024px){:root{--btm-gutter:30px;--btm-safe-gutter:max(30px,env(safe-area-inset-left),env(safe-area-inset-right))}}
@media(max-width:1100px){.btm-main-nav{display:none!important}.btm-header-inner{min-height:70px}.btm-hero-copy h1{font-size:clamp(2.8rem,5.5vw,3.8rem)!important;line-height:1.15!important}.btm-hero-copy{padding-inline:max(clamp(2rem,5vw,3rem),env(safe-area-inset-left))}}
@media(max-width:781px){:root{--btm-gutter:20px;--btm-safe-gutter:max(20px,env(safe-area-inset-left),env(safe-area-inset-right))}body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.btm-header-inner{padding-inline:0!important;gap:.65rem}.btm-brand-logo img{width:150px}.btm-header-cta{display:none}.btm-language-switch{margin-left:auto}.btm-hero{min-height:clamp(610px,79svh,720px);align-items:end}.btm-hero-media video,.btm-hero-media img{object-position:68% center}.btm-hero:after,.btm-sensitive .btm-hero:after{background:linear-gradient(0deg,rgba(18,20,18,.9) 0%,rgba(18,20,18,.72) 48%,rgba(18,20,18,.28) 77%,rgba(18,20,18,.08) 100%)}.btm-hero-copy,.btm-sensitive .btm-hero-copy{padding:clamp(5rem,14vh,7.5rem) max(20px,env(safe-area-inset-left)) clamp(3.5rem,8vh,5rem) max(20px,env(safe-area-inset-right))}.btm-hero-copy h1,.btm-sensitive .btm-hero-copy h1{font-size:clamp(2.4rem,10.5vw,2.85rem)!important;line-height:1.15!important;max-width:15ch}.btm-hero-copy .has-large-font-size{font-size:1.05rem!important;line-height:1.48}.btm-hero-copy .wp-block-buttons{gap:.65rem}.btm-hero-copy .wp-block-button__link{padding:.75rem 1rem}.btm-sticky{display:flex;position:fixed;z-index:60;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(.65rem,env(safe-area-inset-bottom));padding:.48rem;gap:.5rem;border:1px solid rgba(67,48,37,.12);border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.2)}.btm-sticky>.wp-block-button{flex:1;min-width:0}.btm-sticky a{display:flex;min-height:44px;align-items:center;justify-content:center;text-align:center;padding:.68rem .8rem;color:#fff!important}.btm-sticky .is-style-outline a{color:var(--wp--preset--color--forest)!important}.wp-block-navigation__responsive-container.is-menu-open{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;padding:1.25rem;z-index:100}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{width:100%;padding-top:3rem;align-items:flex-start!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{width:100%;align-items:flex-start!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;align-items:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:block;width:100%;padding:.65rem 0;font-size:1.2rem;text-align:left}.has-modal-open .btm-sticky{display:none}.btm-packages.wp-block-columns{display:grid!important;grid-template-columns:1fr}.btm-footer{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.btm-footer .wp-block-columns{gap:2rem}.btm-footer .wp-block-column{overflow-wrap:anywhere}}
@media(max-width:781px){.btm-page :where(.alignwide),.btm-blog-archive>.wp-block-query{position:static!important;left:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin-left:max(20px,env(safe-area-inset-left))!important;margin-right:max(20px,env(safe-area-inset-right))!important;padding-left:max(20px,env(safe-area-inset-left))!important;padding-right:max(20px,env(safe-area-inset-right))!important}}
@media(max-width:420px){.btm-brand-logo img{width:132px}.btm-language-switch{font-size:.72rem}.btm-language-switch a{min-width:1.8rem;min-height:1.8rem}.btm-hero{min-height:620px}.btm-hero-copy h1,.btm-sensitive .btm-hero-copy h1{font-size:clamp(2.35rem,10.8vw,2.7rem)!important}.btm-menu-label{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btm-hero video{display:block!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.btm-mobile-nav{display:none!important}.btm-footer .btm-nav-en{display:none!important}.btm-lang-en .btm-footer .btm-nav-en{display:block!important}@media(max-width:1100px){.btm-mobile-nav.btm-nav-vi{display:flex!important}.btm-lang-en .btm-mobile-nav.btm-nav-vi{display:none!important}.btm-lang-en .btm-mobile-nav.btm-nav-en{display:flex!important}}
.miu-section{padding-block:clamp(3.5rem,7vw,6rem)}.miu-section>.alignwide,.miu-section>.wp-block-group{width:min(100%,1200px);margin-inline:auto}.miu-service-list,.btm-blog-archive .wp-block-post-template{gap:1.5rem}.miu-card,.miu-report,.btm-post-card{height:100%;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(67,48,37,.13);border-radius:20px;background:#fff;box-shadow:var(--btm-shadow)}.miu-notice{padding:1rem 1.25rem;border-left:4px solid var(--wp--preset--color--terracotta);background:rgba(254,124,80,.08)}.miu-report-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(67,48,37,.15)}.miu-report-row{display:grid;grid-template-columns:minmax(8rem,.35fr) 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(67,48,37,.1)}.miu-status{font-weight:750;color:var(--wp--preset--color--forest)}.miu-photo-tile{min-height:9rem;display:grid;place-items:center;border-radius:14px;background:var(--wp--preset--color--cream);text-align:center}.btm-post-card{padding:0 0 1.25rem;overflow:hidden}.btm-post-card>*:not(.wp-block-post-featured-image){margin-inline:1.25rem}.btm-post-card .wp-block-post-featured-image{margin:0}.btm-post-card h2{font-size:clamp(1.25rem,2vw,1.65rem)}.btm-location{padding-inline:var(--btm-gutter);border-radius:24px;background:var(--wp--preset--color--cream)}.btm-single-post{max-width:840px}.btm-single-post h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.15!important}.btm-blog-archive>.wp-block-query{margin-top:2rem}.btm-shop,.btm-product{min-height:55vh}
@media(max-width:781px){.miu-section{padding-block:3.5rem}.miu-report-row{grid-template-columns:1fr;gap:.25rem}.btm-blog-archive .wp-block-post-template{grid-template-columns:1fr!important}.btm-location{border-radius:0}.btm-single-post h1{font-size:clamp(2.25rem,10vw,3rem)}}
/* Keep the four An Yên reasons inside the mobile safe area. */
.btm-sensitive > .wp-block-group.alignfull.has-paper-background-color:has(> h2 + .wp-block-columns) {
  padding-inline: clamp(24px, 5vw, 72px);
}
.btm-blog-archive .wp-block-query-pagination{gap:.65rem;flex-wrap:wrap}.btm-blog-archive .wp-block-query-pagination-numbers{display:flex;gap:.35rem;flex-wrap:wrap}.btm-blog-archive .page-numbers{display:inline-grid;min-width:44px;min-height:44px;place-items:center;border-radius:999px}.btm-blog-archive .page-numbers.current{background:var(--wp--preset--color--forest);color:#fff}.btm-blog-archive .wp-block-query-pagination a:focus-visible{outline:3px solid #1e654f;outline-offset:3px}