/* Temply Studio shared subpage system v1 */ body.temply-subpage-system{ --ts-bg:#fbf7f0;--ts-surface:#fffaf4;--ts-surface-strong:#fffdf9;--ts-peach:#f7dfcd;--ts-peach-soft:#fceddf; --ts-accent:#f1a23b;--ts-accent-deep:#c96f32;--ts-clay:#bd7659;--ts-ink:#382b24;--ts-ink-strong:#211a16; --ts-muted:#74665d;--ts-line:rgba(92,69,54,.12);--ts-shadow:0 16px 44px rgba(91,64,45,.08); --ts-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; --ts-sans:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --ts-shell:1720px; margin:0;background:var(--ts-bg)!important;color:var(--ts-ink)!important;font-family:var(--ts-sans)!important;font-size:16px!important;line-height:1.6!important; } /* Shop mobile footer compact grid — applies to large phones too (e.g. 440px iPhone viewport). */ @media(max-width:767px){ html body.pixio-react-shop-page.temply-subpage-system footer.ts-site-footer--v4 .ts-footer-v4__nav-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 12px!important; padding:8px 2px 2px!important; align-items:start!important; } html body.pixio-react-shop-page.temply-subpage-system footer.ts-site-footer--v4 .ts-footer-v4__column{ min-width:0!important; text-align:left!important; } html body.pixio-react-shop-page.temply-subpage-system footer.ts-site-footer--v4 .ts-footer-v4__column h2{ margin:0 0 7px!important; font-size:10.5px!important; line-height:1.2!important; } html body.pixio-react-shop-page.temply-subpage-system footer.ts-site-footer--v4 .ts-footer-v4__column ul{gap:4px!important} html body.pixio-react-shop-page.temply-subpage-system footer.ts-site-footer--v4 .ts-footer-v4__column a{ font-size:13.5px!important; line-height:1.3!important; } html body.pixio-react-shop-page.temply-subpage-system footer.ts-site-footer--v4 .ts-footer-v4__column:last-child{ grid-column:1/-1!important; padding-top:11px!important; border-top:1px solid rgba(92,69,54,.10)!important; } html body.pixio-react-shop-page.temply-subpage-system footer.ts-site-footer--v4 .ts-footer-v4__column:last-child ul{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px 12px!important; } } body.temply-subpage-system *,body.temply-subpage-system *::before,body.temply-subpage-system *::after{box-sizing:border-box} body.temply-subpage-system a:focus-visible,body.temply-subpage-system button:focus-visible,body.temply-subpage-system input:focus-visible,body.temply-subpage-system select:focus-visible,body.temply-subpage-system textarea:focus-visible,body.temply-subpage-system summary:focus-visible{outline:3px solid rgba(201,111,50,.42)!important;outline-offset:3px!important} body.temply-subpage-system .ds-container{width:min(calc(100% - 48px),var(--ts-shell))!important;max-width:var(--ts-shell)!important;margin-inline:auto!important} /* shared header */ body.temply-subpage-system .ds-header{position:relative!important;z-index:800!important;padding:14px 0 6px!important;border:0!important;background:transparent!important;box-shadow:none!important} body.temply-subpage-system .ds-header-inner{width:min(calc(100% - 48px),var(--ts-shell))!important;max-width:var(--ts-shell)!important;min-height:70px!important;height:auto!important;margin-inline:auto!important;padding:8px 12px 8px 14px!important;display:grid!important;grid-template-columns:250px minmax(380px,1fr) 330px!important;align-items:center!important;gap:18px!important;border:1px solid rgba(92,68,52,.08)!important;border-radius:24px!important;background:rgba(255,249,242,.97)!important;box-shadow:0 9px 28px rgba(82,58,43,.055)!important;backdrop-filter:blur(14px)!important} body.temply-subpage-system .ds-logo-link{height:50px!important;min-width:0!important;display:flex!important;align-items:center!important;gap:11px!important;color:var(--ts-ink)!important;text-decoration:none!important} body.temply-subpage-system .ds-logo-mark{width:38px!important;height:42px!important;flex:0 0 38px!important;border-radius:18px 18px 11px 11px!important;background:linear-gradient(145deg,#ffb338,#ef8f22)!important;box-shadow:0 8px 20px rgba(225,136,31,.20)!important} body.temply-subpage-system .ds-logo-mark-cut{background:var(--ts-surface-strong)!important} body.temply-subpage-system .ds-logo-words{min-width:0!important;display:grid!important;gap:2px!important;align-content:center!important} body.temply-subpage-system .ds-logo-main{font-size:22px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.045em!important;color:var(--ts-ink)!important;white-space:nowrap!important} body.temply-subpage-system .ds-logo-sub{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8e7f74!important;font-size:9px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.01em!important;text-transform:none!important} body.temply-subpage-system .ds-nav{display:flex!important;justify-content:center!important;align-items:center!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important} body.temply-subpage-system .ds-nav>.nav-list{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important;padding:0!important;list-style:none!important} body.temply-subpage-system .ds-nav>.nav-list>li>a{min-height:38px!important;padding:10px 14px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:11px!important;color:#625248!important;background:transparent!important;font-size:13px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important} body.temply-subpage-system .ds-nav>.nav-list>li.current-menu-item>a,body.temply-subpage-system .ds-nav>.nav-list>li.current_page_parent>a,body.temply-subpage-system .ds-nav>.nav-list>li>a:hover{color:#985b3f!important;background:#f5e8dc!important} body.temply-subpage-system .ds-nav .sub-menu{top:calc(100% + 10px)!important;min-width:340px!important;padding:10px!important;border:1px solid rgba(80,58,45,.10)!important;border-radius:17px!important;background:#fffdf9!important;box-shadow:0 22px 60px rgba(68,46,33,.14)!important} body.temply-subpage-system .ds-nav .sub-menu a{padding:10px 12px!important;border-radius:10px!important;color:#5d4d44!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important} body.temply-subpage-system .ds-nav .sub-menu a:hover{background:#f9f1e8!important;color:var(--ts-ink)!important} body.temply-subpage-system .ds-header-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;margin:0!important} body.temply-subpage-system .ds-header-search{width:228px!important;min-height:40px!important;padding:0 6px 0 12px!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(83,62,49,.09)!important;border-radius:12px!important;background:rgba(255,253,249,.72)!important;box-shadow:none!important} body.temply-subpage-system .ds-header-search::before{content:"Find";color:#a39388;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;flex:none} body.temply-subpage-system .ds-header-search .search-field{min-width:0!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#554840!important;font-size:13px!important} body.temply-subpage-system .ds-header-search button{width:32px!important;height:32px!important;min-width:32px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#4b3e37!important} body.temply-subpage-system .ds-hdr-icon,body.temply-subpage-system .ds-hamburger{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(82,62,49,.09)!important;border-radius:11px!important;background:rgba(255,253,249,.78)!important;color:#4b3e37!important;box-shadow:none!important} body.temply-subpage-system .cart-count{color:#fff!important;background:#c66b22!important;border:2px solid #fffdf9!important;font-size:8px!important} /* shared mobile navigation */ body.temply-subpage-system .ds-mobile-nav{width:min(92vw,370px)!important;max-width:370px!important;padding:22px!important;background:#fffaf4!important;color:var(--ts-ink)!important;box-shadow:-24px 0 60px rgba(55,38,27,.18)!important} body.temply-subpage-system .ds-mobile-nav-close{width:42px!important;height:42px!important;border:1px solid var(--ts-line)!important;border-radius:12px!important;background:#fffdf9!important;color:var(--ts-ink)!important} body.temply-subpage-system .ds-mobile-search{display:flex!important;min-height:46px!important;margin:10px 0 18px!important;border:1px solid var(--ts-line)!important;border-radius:12px!important;background:#fffdf9!important;overflow:hidden!important} body.temply-subpage-system .ds-mobile-search input{min-width:0!important;flex:1!important;padding:0 13px!important;border:0!important;background:transparent!important;color:var(--ts-ink)!important;font-size:14px!important} body.temply-subpage-system .ds-mobile-nav-list{margin:0!important;padding:0!important;list-style:none!important} body.temply-subpage-system .ds-mobile-nav-list>li{border-bottom:1px solid var(--ts-line)!important} body.temply-subpage-system .ds-mobile-nav-list a{min-height:48px!important;padding:12px 4px!important;display:flex!important;align-items:center!important;color:var(--ts-ink)!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important} /* shared footer based on approved homepage language */ body.temply-subpage-system .ts-site-footer{width:min(calc(100% - 48px),var(--ts-shell))!important;margin:28px auto 0!important;overflow:hidden!important;border:1px solid rgba(91,67,52,.09)!important;border-radius:20px!important;background:rgba(255,253,249,.96)!important;box-shadow:0 12px 34px rgba(86,61,44,.055)!important;color:var(--ts-ink)!important} body.temply-subpage-system .ts-site-footer__accent{height:5px!important;background:linear-gradient(90deg,#f4a83f,#f2c59b,#e6eee4)!important} body.temply-subpage-system .ts-site-footer__grid{max-width:none!important;margin:0!important;padding:34px 30px 30px!important;display:grid!important;grid-template-columns:minmax(300px,1.15fr) repeat(3,minmax(170px,.78fr))!important;gap:34px!important;border:0!important} body.temply-subpage-system .ts-site-footer__brand{padding-right:26px!important;border-right:1px solid var(--ts-line)!important} body.temply-subpage-system .ts-site-footer__logo{display:inline-flex!important;align-items:center!important;gap:9px!important;color:var(--ts-ink)!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.035em!important;text-decoration:none!important} body.temply-subpage-system .ts-site-footer__brand p{max-width:430px!important;margin:15px 0 16px!important;color:var(--ts-muted)!important;font-size:14px!important;line-height:1.6!important} body.temply-subpage-system .ts-site-footer__socials{display:flex!important;flex-wrap:wrap!important;gap:6px!important} body.temply-subpage-system .ts-site-footer__socials a{min-height:34px!important;padding:7px 10px!important;display:inline-flex!important;align-items:center!important;border:1px solid var(--ts-line)!important;border-radius:9px!important;background:#fbf6ef!important;color:#786960!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important} body.temply-subpage-system .ts-site-footer__column h2{margin:0 0 13px!important;color:#a56743!important;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important} body.temply-subpage-system .ts-site-footer__column ul{margin:0!important;padding:0!important;display:grid!important;gap:8px!important;list-style:none!important} body.temply-subpage-system .ts-site-footer__column a{color:#786960!important;font-size:13px!important;line-height:1.4!important;text-decoration:none!important} body.temply-subpage-system .ts-site-footer__column a:hover{color:var(--ts-ink)!important} body.temply-subpage-system .ts-site-footer__bottom{border-top:1px solid var(--ts-line)!important;background:rgba(251,246,239,.76)!important} body.temply-subpage-system .ts-site-footer__bottom-inner{max-width:none!important;margin:0!important;padding:15px 30px!important;display:flex!important;justify-content:space-between!important;gap:18px!important;color:#96887e!important} body.temply-subpage-system .ts-site-footer__bottom p{margin:0!important;color:#96887e!important;font-size:11px!important} /* generic page/policy/account shell */ body.temply-subpage-system .ds-main{background:transparent!important;color:var(--ts-ink)!important} body.temply-subpage-system .z-page{padding:0 0 40px!important} body.temply-subpage-system .z-page-wrapper{padding-top:0!important} body.temply-subpage-system .z-page-header{max-width:1000px!important;margin:26px auto 22px!important;padding:34px 28px 28px!important;border:1px solid var(--ts-line)!important;border-radius:22px!important;background:linear-gradient(145deg,#fffaf4,#fff7ef)!important;box-shadow:var(--ts-shadow)!important;text-align:left!important} body.temply-subpage-system .z-page-header .ds-breadcrumb{justify-content:flex-start!important;margin-bottom:14px!important;color:#a56743!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important} body.temply-subpage-system .z-page-title{margin:0!important;color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:clamp(38px,4vw,58px)!important;font-weight:600!important;line-height:1.02!important;letter-spacing:-.045em!important;text-transform:none!important;white-space:normal!important;text-align:left!important} body.temply-subpage-system .z-page-header>div:last-child{display:none!important} body.temply-subpage-system .z-page-content{max-width:900px!important;margin:0 auto 48px!important;padding:34px clamp(22px,4vw,48px)!important;border:1px solid var(--ts-line)!important;border-radius:20px!important;background:#fffdf9!important;color:#4f433c!important;font-size:16px!important;line-height:1.75!important;box-shadow:0 10px 28px rgba(86,61,44,.05)!important} body.temply-subpage-system .z-page-content h2,body.temply-subpage-system .z-page-content h3,body.temply-subpage-system .z-page-content h4{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;letter-spacing:-.025em!important;text-transform:none!important} body.temply-subpage-system .z-page-content h2{margin:42px 0 14px!important;font-size:30px!important;line-height:1.12!important} body.temply-subpage-system .z-page-content h3{margin:32px 0 12px!important;font-size:23px!important;line-height:1.18!important} body.temply-subpage-system .z-page-content p,body.temply-subpage-system .z-page-content li{font-size:16px!important;line-height:1.75!important} body.temply-subpage-system .z-page-content a{color:#a75f3d!important;text-underline-offset:3px!important} /* blog archive */ body.temply-subpage-system .ts-journal{background:transparent!important;color:var(--ts-ink)!important} body.temply-subpage-system .ts-journal__hero{width:min(calc(100% - 48px),var(--ts-shell))!important;margin:8px auto 0!important;padding:54px 0 48px!important;border:1px solid var(--ts-line)!important;border-radius:28px!important;background:linear-gradient(135deg,#fff7ef,#f9e4d3)!important;box-shadow:var(--ts-shadow)!important} body.temply-subpage-system .ts-journal__hero .ds-container{width:min(calc(100% - 72px),1100px)!important;margin-left:44px!important;margin-right:auto!important} body.temply-subpage-system .ts-eyebrow{color:#b7754c!important;font-size:10px!important;font-weight:800!important;letter-spacing:.17em!important;text-transform:uppercase!important} body.temply-subpage-system .ts-journal__hero h1{max-width:980px!important;margin:10px 0 16px!important;color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:clamp(46px,5vw,72px)!important;font-weight:600!important;line-height:1!important;letter-spacing:-.05em!important;text-transform:none!important} body.temply-subpage-system .ts-journal__intro{max-width:760px!important;color:var(--ts-muted)!important;font-size:16px!important;line-height:1.65!important} body.temply-subpage-system .ts-journal__content{padding:50px 0!important;background:transparent!important} body.temply-subpage-system .ts-journal__filters{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:24px!important} body.temply-subpage-system .ts-journal__filters a{min-height:36px!important;padding:8px 13px!important;border:1px solid var(--ts-line)!important;border-radius:999px!important;background:#fffaf4!important;color:#6e5e55!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important} body.temply-subpage-system .ts-journal__filters a.is-active{background:#f5e8dc!important;color:#985b3f!important} body.temply-subpage-system .ts-journal-card{border:1px solid var(--ts-line)!important;border-radius:17px!important;background:#fffdf9!important;box-shadow:0 10px 28px rgba(86,61,44,.06)!important;overflow:hidden!important} body.temply-subpage-system .ts-journal-card__body h2{font-family:var(--ts-serif)!important;color:var(--ts-ink-strong)!important;letter-spacing:-.025em!important} /* single article */ body.temply-subpage-system.single-post .ds-main{padding-top:16px!important} body.temply-subpage-system.single-post .z-article-header{max-width:1100px!important;margin:16px auto 26px!important;padding:36px 34px!important;border:1px solid var(--ts-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#fffaf4,#fff7ef)!important;box-shadow:var(--ts-shadow)!important} body.temply-subpage-system.single-post .c-post-title{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:clamp(40px,4.3vw,64px)!important;font-weight:600!important;line-height:1.02!important;letter-spacing:-.045em!important;text-transform:none!important} body.temply-subpage-system.single-post .c-post-meta-inline{color:var(--ts-muted)!important;font-size:13px!important} body.temply-subpage-system.single-post .z-article-featured-img img{border-radius:20px!important;box-shadow:0 12px 34px rgba(86,61,44,.09)!important} body.temply-subpage-system.single-post #z-post-content{color:#4c4039!important;font-size:16px!important;line-height:1.8!important} body.temply-subpage-system.single-post #z-post-content h2,body.temply-subpage-system.single-post #z-post-content h3{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;letter-spacing:-.025em!important} body.temply-subpage-system.single-post .z-new-toc-container{border:1px solid var(--ts-line)!important;border-radius:16px!important;background:#fffaf4!important;box-shadow:0 8px 24px rgba(86,61,44,.05)!important} /* About/Contact custom templates: normalize existing design without inventing facts */ body.temply-subpage-system.page-template-page-about .ds-main,body.temply-subpage-system.page-template-page-contact .ds-main{background:transparent!important} body.temply-subpage-system.page-template-page-about h1,body.temply-subpage-system.page-template-page-contact h1{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-weight:600!important;letter-spacing:-.05em!important;text-transform:none!important} body.temply-subpage-system.page-template-page-about h2,body.temply-subpage-system.page-template-page-contact h2{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-weight:600!important;letter-spacing:-.035em!important;text-transform:none!important} body.temply-subpage-system.page-template-page-contact .ts-contact{background:transparent!important} body.temply-subpage-system.page-template-page-contact .ts-contact__hero,body.temply-subpage-system.page-template-page-contact .ts-contact__routes,body.temply-subpage-system.page-template-page-contact .ts-contact__faq,body.temply-subpage-system.page-template-page-contact .ts-contact__body{width:min(calc(100% - 48px),var(--ts-shell))!important;margin-inline:auto!important;border-radius:24px!important;border:1px solid var(--ts-line)!important;background:#fffaf4!important} body.temply-subpage-system.page-template-page-contact .ts-contact__hero{margin-top:8px!important;padding:58px 0!important} body.temply-subpage-system.page-template-page-contact .ts-contact__body,body.temply-subpage-system.page-template-page-contact .ts-contact__routes,body.temply-subpage-system.page-template-page-contact .ts-contact__faq{margin-top:18px!important;padding:56px 0!important} body.temply-subpage-system .ts-button--primary,body.temply-subpage-system .ts-button--amber,body.temply-subpage-system .ds-btn-primary,body.temply-subpage-system .button.alt,body.temply-subpage-system button.alt{background:#f4a83f!important;color:#382b24!important;border-color:#eda33e!important} body.temply-subpage-system .ts-button--dark{background:#382b24!important;color:#fffaf4!important} /* commerce surfaces, keeping functional React/Woo markup intact */ body.temply-subpage-system.woocommerce .ds-header,body.temply-subpage-system.woocommerce-page .ds-header{background:transparent!important} body.temply-subpage-system.woocommerce .woocommerce-breadcrumb,body.temply-subpage-system.woocommerce-page .woocommerce-breadcrumb{color:#9a6a4f!important;font-size:12px!important} body.temply-subpage-system.woocommerce input,body.temply-subpage-system.woocommerce select,body.temply-subpage-system.woocommerce textarea,body.temply-subpage-system.woocommerce-page input,body.temply-subpage-system.woocommerce-page select,body.temply-subpage-system.woocommerce-page textarea{border-color:var(--ts-line)!important;border-radius:10px!important;background:#fffdf9!important;color:var(--ts-ink)!important} @media (max-width:1199px){body.temply-subpage-system{--ts-shell:980px}body.temply-subpage-system .ds-header-inner{grid-template-columns:205px minmax(300px,1fr) 290px!important;gap:12px!important}body.temply-subpage-system .ds-header-search{width:194px!important}body.temply-subpage-system .ds-nav>.nav-list>li>a{padding-inline:10px!important;font-size:12px!important}.ts-site-footer__grid{gap:24px!important}} @media (max-width:1023px){body.temply-subpage-system{--ts-shell:724px}body.temply-subpage-system .ds-header{padding-top:10px!important}body.temply-subpage-system .ds-header-inner{width:min(calc(100% - 32px),var(--ts-shell))!important;min-height:64px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;border-radius:19px!important}body.temply-subpage-system .ds-nav,body.temply-subpage-system .ds-header-search,body.temply-subpage-system .ds-account-btn{display:none!important}body.temply-subpage-system .ds-hamburger{display:inline-flex!important}body.temply-subpage-system .ts-site-footer{width:min(calc(100% - 32px),var(--ts-shell))!important}body.temply-subpage-system .ts-site-footer__grid{grid-template-columns:1fr 1fr!important;padding:28px 24px!important}body.temply-subpage-system .ts-site-footer__brand{grid-column:1/-1;padding:0 0 22px!important;border-right:0!important;border-bottom:1px solid var(--ts-line)!important}body.temply-subpage-system .ts-site-footer__bottom-inner{padding-inline:24px!important}.ts-journal__hero{width:min(calc(100% - 32px),var(--ts-shell))!important}} @media (max-width:767px){body.temply-subpage-system{--ts-shell:100%}body.temply-subpage-system .ds-container{width:calc(100% - 24px)!important}body.temply-subpage-system .ds-header{padding:7px 0 4px!important}body.temply-subpage-system .ds-header-inner{width:calc(100% - 16px)!important;min-height:60px!important;padding:5px 8px 5px 10px!important;border-radius:17px!important}body.temply-subpage-system .ds-logo-link{height:45px!important;gap:8px!important}body.temply-subpage-system .ds-logo-mark{width:33px!important;height:36px!important;flex-basis:33px!important;border-radius:15px 15px 9px 9px!important}body.temply-subpage-system .ds-logo-main{font-size:17px!important}body.temply-subpage-system .ds-logo-sub{max-width:145px!important;font-size:6.5px!important}body.temply-subpage-system .ds-hdr-icon,body.temply-subpage-system .ds-hamburger{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important}body.temply-subpage-system .ts-site-footer{width:calc(100% - 24px)!important;margin-top:18px!important;border-radius:16px!important}body.temply-subpage-system .ts-site-footer__grid{padding:22px 18px!important;grid-template-columns:1fr 1fr!important;gap:20px 14px!important}body.temply-subpage-system .ts-site-footer__brand{grid-column:1/-1!important}body.temply-subpage-system .ts-site-footer__column--shop{grid-column:1/-1!important}body.temply-subpage-system .ts-site-footer__column ul{gap:6px!important}body.temply-subpage-system .ts-site-footer__column a{font-size:11px!important}body.temply-subpage-system .ts-site-footer__bottom-inner{padding:12px 16px!important;display:grid!important;gap:6px!important;text-align:center!important}body.temply-subpage-system .z-page-header{margin:12px 12px 14px!important;padding:24px 18px!important;border-radius:18px!important}body.temply-subpage-system .z-page-title{font-size:36px!important}body.temply-subpage-system .z-page-content{margin:0 12px 32px!important;padding:24px 18px!important;border-radius:16px!important;font-size:16px!important}body.temply-subpage-system .ts-journal__hero{width:calc(100% - 24px)!important;margin-top:5px!important;padding:34px 0!important;border-radius:20px!important}body.temply-subpage-system .ts-journal__hero .ds-container{width:calc(100% - 36px)!important;margin-inline:18px!important}body.temply-subpage-system .ts-journal__hero h1{font-size:38px!important}body.temply-subpage-system.single-post .z-article-header{margin:8px 12px 18px!important;padding:24px 18px!important;border-radius:18px!important}body.temply-subpage-system.single-post .c-post-title{font-size:36px!important}body.temply-subpage-system.page-template-page-contact .ts-contact__hero,body.temply-subpage-system.page-template-page-contact .ts-contact__routes,body.temply-subpage-system.page-template-page-contact .ts-contact__faq,body.temply-subpage-system.page-template-page-contact .ts-contact__body{width:calc(100% - 24px)!important;border-radius:18px!important}body.temply-subpage-system.page-template-page-contact .ts-contact__hero,body.temply-subpage-system.page-template-page-contact .ts-contact__body,body.temply-subpage-system.page-template-page-contact .ts-contact__routes,body.temply-subpage-system.page-template-page-contact .ts-contact__faq{padding:36px 0!important}} /* About: retire the legacy dark Zenvira islands in favor of the shared system. */ body.temply-subpage-system.page-template-page-about main.z-page{margin-top:0!important;padding-top:8px!important} body.temply-subpage-system.page-template-page-about .z-outer-pad{padding:0!important} body.temply-subpage-system.page-template-page-about .z-about-hero{width:min(calc(100% - 48px),var(--ts-shell))!important;margin:0 auto 54px!important;padding:18px!important;border:1px solid var(--ts-line)!important;border-radius:28px!important;background:linear-gradient(135deg,#f9e3d2,#f4eadf)!important;box-shadow:var(--ts-shadow)!important} body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-inner{width:100%!important;max-width:none!important;margin:0!important;padding:28px!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)!important;gap:34px!important;border-radius:22px!important;background:#fffaf4!important} body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-text-col{padding:28px 22px!important;align-items:flex-start!important;text-align:left!important} body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-text-col>div{color:#b7754c!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important} body.temply-subpage-system.page-template-page-about .z-about-hero h1{max-width:620px!important;margin-bottom:18px!important;color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:clamp(48px,5vw,72px)!important;font-weight:600!important;line-height:.98!important;letter-spacing:-.05em!important;text-transform:none!important} body.temply-subpage-system.page-template-page-about .z-about-hero p{max-width:640px!important;margin-bottom:24px!important;color:var(--ts-muted)!important;font-size:16px!important;line-height:1.65!important} body.temply-subpage-system.page-template-page-about .z-about-hero a.ds-btn{min-height:44px!important;padding:11px 18px!important;border:1px solid #eda33e!important;border-radius:11px!important;background:#f4a83f!important;color:#382b24!important;font-size:12px!important;font-weight:800!important} body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-right img{min-height:360px!important;height:100%!important;border-radius:18px!important} body.temply-subpage-system.page-template-page-about .z-about-detail,body.temply-subpage-system.page-template-page-about .z-about-stats,body.temply-subpage-system.page-template-page-about .z-about-journey,body.temply-subpage-system.page-template-page-about .z-details,body.temply-subpage-system.page-template-page-about .z-about-focus-new,body.temply-subpage-system.page-template-page-about .z-about-faq-split{width:min(calc(100% - 48px),var(--ts-shell))!important;max-width:var(--ts-shell)!important} body.temply-subpage-system.page-template-page-about .z-about-detail h2,body.temply-subpage-system.page-template-page-about .z-about-journey h2,body.temply-subpage-system.page-template-page-about .z-details h2{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-weight:600!important;letter-spacing:-.035em!important} body.temply-subpage-system.page-template-page-about .z-core-wrapper{width:min(calc(100% - 48px),var(--ts-shell))!important;margin:0 auto 64px!important;padding:42px!important;border:1px solid rgba(102,70,49,.09)!important;border-radius:22px!important;background:linear-gradient(135deg,#f9dfcd,#fbeddf)!important;color:var(--ts-ink)!important;box-shadow:var(--ts-shadow)!important;text-align:left!important} body.temply-subpage-system.page-template-page-about .z-core-wrapper>div>h2{margin:0 0 12px!important;color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:clamp(34px,3.4vw,48px)!important;font-weight:600!important;letter-spacing:-.045em!important;text-transform:none!important;white-space:normal!important} body.temply-subpage-system.page-template-page-about .z-core-wrapper>div>p{max-width:760px!important;margin:0 0 28px!important;color:#6f6057!important;font-size:15px!important;line-height:1.65!important;text-align:left!important} body.temply-subpage-system.page-template-page-about .z-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important} body.temply-subpage-system.page-template-page-about .z-core-grid>div{padding:22px 18px!important;border:1px solid rgba(92,68,52,.07)!important;border-radius:15px!important;background:rgba(255,253,249,.82)!important;text-align:left!important} body.temply-subpage-system.page-template-page-about .z-core-grid>div>div:first-child{margin:0 0 18px!important;background:#f7dfcd!important;color:#a56743!important} body.temply-subpage-system.page-template-page-about .z-core-grid h4{margin-bottom:8px!important;color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:17px!important;font-weight:600!important} body.temply-subpage-system.page-template-page-about .z-core-grid p{color:#74665d!important;font-size:13px!important;line-height:1.5!important} /* Contact support line under the navigational H1. */ body.temply-subpage-system.page-template-page-contact .ts-contact__headline-support{max-width:620px!important;margin:12px 0 0!important;color:#b06d48!important;font-family:var(--ts-serif)!important;font-size:clamp(24px,2.4vw,34px)!important;font-style:italic!important;line-height:1.1!important} /* Server-rendered footer mirrors the approved homepage footer composition. */ body.temply-subpage-system .ts-site-footer--v4{padding:0!important} body.temply-subpage-system .ts-footer-v4__shell{padding:30px!important} body.temply-subpage-system .ts-footer-v4__main{display:grid!important;grid-template-columns:minmax(320px,1.08fr) minmax(0,1.92fr)!important;gap:38px!important} body.temply-subpage-system .ts-footer-v4__brand{padding-right:28px!important;border-right:1px solid var(--ts-line)!important} body.temply-subpage-system .ts-footer-v4__logo{display:inline-flex!important;align-items:center!important;gap:9px!important;color:var(--ts-ink)!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.035em!important;text-decoration:none!important} body.temply-subpage-system .ts-footer-v4__logo-mark{width:28px!important;height:31px!important;display:inline-block!important;border-radius:13px 13px 8px 8px!important;background:linear-gradient(145deg,#ffb338,#ef8f22)!important} body.temply-subpage-system .ts-footer-v4__eyebrow{margin:14px 0 8px!important;color:#b67148!important;font-size:10px!important;font-weight:800!important;letter-spacing:.15em!important;text-transform:uppercase!important} body.temply-subpage-system .ts-footer-v4__brand h2{max-width:440px!important;margin:0 0 10px!important;color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:30px!important;font-weight:600!important;line-height:1.05!important;letter-spacing:-.04em!important} body.temply-subpage-system .ts-footer-v4__brand-copy{max-width:460px!important;margin:0 0 15px!important;color:var(--ts-muted)!important;font-size:13px!important;line-height:1.55!important} body.temply-subpage-system .ts-footer-v4__brand-actions,body.temply-subpage-system .ts-footer-v4__socials{display:flex!important;flex-wrap:wrap!important;gap:7px!important} body.temply-subpage-system .ts-footer-v4__socials{margin-top:10px!important} body.temply-subpage-system .ts-footer-v4__button,body.temply-subpage-system .ts-footer-v4__socials a{min-height:34px!important;padding:8px 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--ts-line)!important;border-radius:10px!important;background:#fff9f2!important;color:#4a3b33!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important} body.temply-subpage-system .ts-footer-v4__button--primary{border-color:#efaa4b!important;background:#f6b04e!important;color:#3a2b22!important} body.temply-subpage-system .ts-footer-v4__nav-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important} body.temply-subpage-system .ts-footer-v4__column h2{margin:0 0 11px!important;color:#a56743!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important} body.temply-subpage-system .ts-footer-v4__column ul{margin:0!important;padding:0!important;display:grid!important;gap:7px!important;list-style:none!important} body.temply-subpage-system .ts-footer-v4__column a{color:#786960!important;font-size:12px!important;line-height:1.35!important;text-decoration:none!important} body.temply-subpage-system .ts-footer-v4__utility{padding:12px 30px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;border-top:1px solid var(--ts-line)!important;background:#fbf6ef!important} body.temply-subpage-system .ts-footer-v4__utility-item{min-height:54px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;border-radius:11px!important;background:#fffaf4!important;color:#5b4b42!important;text-decoration:none!important} body.temply-subpage-system .ts-footer-v4__utility-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f8e4d2!important;color:#b06c43!important} body.temply-subpage-system .ts-footer-v4__utility-item strong{display:block!important;color:#514239!important;font-size:11px!important} body.temply-subpage-system .ts-footer-v4__utility-item small{display:block!important;color:#8c7d73!important;font-size:9px!important;line-height:1.35!important} body.temply-subpage-system .ts-footer-v4__bottom{border-top:1px solid var(--ts-line)!important;background:#fffdf9!important} body.temply-subpage-system .ts-footer-v4__bottom-inner{padding:13px 30px 16px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:18px!important;color:#96887e!important;font-size:10px!important} body.temply-subpage-system .ts-footer-v4__bottom-inner>p:last-child{text-align:right!important} body.temply-subpage-system .ts-footer-v4__bottom-links{display:flex!important;justify-content:center!important;gap:12px!important} body.temply-subpage-system .ts-footer-v4__bottom a,body.temply-subpage-system .ts-footer-v4__bottom p{margin:0!important;color:#96887e!important;font-size:10px!important;text-decoration:none!important} @media(max-width:1023px){body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-inner{grid-template-columns:1fr!important}body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-right{display:block!important}body.temply-subpage-system.page-template-page-about .z-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.temply-subpage-system .ts-footer-v4__main{grid-template-columns:1fr!important}body.temply-subpage-system .ts-footer-v4__brand{padding:0 0 22px!important;border-right:0!important;border-bottom:1px solid var(--ts-line)!important}} @media(max-width:767px){body.temply-subpage-system.page-template-page-about .z-about-hero{width:calc(100% - 24px)!important;margin-bottom:32px!important;padding:10px!important;border-radius:20px!important}body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-inner{padding:22px 16px!important;border-radius:15px!important}body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-text-col{padding:0!important;text-align:left!important;align-items:flex-start!important}body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-text-col>div,body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-text-col h1,body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-text-col p{color:inherit!important;text-align:left!important}body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-text-col>div{color:#b7754c!important}body.temply-subpage-system.page-template-page-about .z-about-hero h1{font-size:38px!important;color:var(--ts-ink-strong)!important}body.temply-subpage-system.page-template-page-about .z-about-hero p{font-size:14px!important;color:var(--ts-muted)!important}body.temply-subpage-system.page-template-page-about .z-about-hero .z-hero-right{display:none!important}body.temply-subpage-system.page-template-page-about .z-core-wrapper{width:calc(100% - 24px)!important;margin-bottom:38px!important;padding:22px 14px!important;border-radius:18px!important}body.temply-subpage-system.page-template-page-about .z-core-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}body.temply-subpage-system.page-template-page-about .z-core-grid>div{padding:14px 11px!important}body.temply-subpage-system.page-template-page-about .z-core-grid h4{font-size:14px!important}body.temply-subpage-system.page-template-page-about .z-core-grid p{font-size:10px!important}body.temply-subpage-system .ts-footer-v4__shell{padding:22px 18px!important}body.temply-subpage-system .ts-footer-v4__nav-grid{grid-template-columns:1fr 1fr!important;gap:18px 14px!important}body.temply-subpage-system .ts-footer-v4__utility{padding:10px 14px!important;grid-template-columns:1fr!important}body.temply-subpage-system .ts-footer-v4__bottom-inner{padding:12px 16px 14px!important;grid-template-columns:1fr!important;text-align:center!important}body.temply-subpage-system .ts-footer-v4__bottom-inner>p:last-child{text-align:center!important}} /* Batch 2 canonical shell refinements. */ body.temply-subpage-system #pixio-react-shop-root .ts-site-footer:not(.ts-site-footer--v4){display:none!important} body.temply-subpage-system .temply-mobile-account-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:18px!important} body.temply-subpage-system .temply-mobile-account-row .ds-btn{min-height:42px!important;padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--ts-line)!important;border-radius:10px!important;background:#fffdf9!important;color:var(--ts-ink)!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important} body.temply-subpage-system .temply-mobile-account-row .ds-btn-primary{border-color:#eda33e!important;background:#f4a83f!important;color:#382b24!important} @media(max-width:767px){ body.temply-subpage-system .ts-footer-v4__shell{padding:18px 15px 14px!important} body.temply-subpage-system .ts-footer-v4__brand{padding-bottom:14px!important} body.temply-subpage-system .ts-footer-v4__brand h2{display:none!important} body.temply-subpage-system .ts-footer-v4__brand-copy{max-width:310px!important;margin:8px 0 10px!important;font-size:10px!important;line-height:1.45!important} body.temply-subpage-system .ts-footer-v4__eyebrow{margin:10px 0 5px!important;font-size:8px!important} body.temply-subpage-system .ts-footer-v4__button,body.temply-subpage-system .ts-footer-v4__socials a{min-height:30px!important;padding:6px 8px!important;font-size:8.5px!important} body.temply-subpage-system .ts-footer-v4__nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important} body.temply-subpage-system .ts-footer-v4__column h2{margin-bottom:7px!important;font-size:8.5px!important} body.temply-subpage-system .ts-footer-v4__column ul{gap:4px!important} body.temply-subpage-system .ts-footer-v4__column a{font-size:9.5px!important;line-height:1.35!important} body.temply-subpage-system .ts-footer-v4__utility{padding:8px 12px!important;grid-template-columns:1fr!important;gap:4px!important} body.temply-subpage-system .ts-footer-v4__utility-item{min-height:43px!important;padding:6px 8px!important;grid-template-columns:27px minmax(0,1fr) auto!important;gap:7px!important} body.temply-subpage-system .ts-footer-v4__utility-icon{width:27px!important;height:27px!important} body.temply-subpage-system .ts-footer-v4__utility-item strong{font-size:9.5px!important} body.temply-subpage-system .ts-footer-v4__utility-item small{font-size:8px!important} body.temply-subpage-system .ts-footer-v4__bottom-inner{padding:9px 12px 11px!important;gap:5px!important} body.temply-subpage-system .ts-footer-v4__bottom a,body.temply-subpage-system .ts-footer-v4__bottom p{font-size:8px!important} } /* ================================================================ Batch 3 — Commerce body token translation Preserve React/WooCommerce data and events; translate Pixio visuals only. ================================================================ */ /* Shop/category editorial hero */ body.temply-subpage-system .ds-seo-archive-intro{ width:min(calc(100% - 48px),var(--ts-shell))!important; height:auto!important;min-height:0!important;margin:8px auto 22px!important;padding:26px!important; border:1px solid var(--ts-line)!important;border-radius:28px!important; background:linear-gradient(135deg,#fff8f0 0%,#f8e2d0 100%)!important;color:var(--ts-ink)!important; box-shadow:var(--ts-shadow)!important;overflow:hidden!important; } body.temply-subpage-system .ds-seo-archive-shell{ width:100%!important;min-height:430px!important;display:grid!important; grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr)!important;gap:34px!important;align-items:stretch!important; } body.temply-subpage-system .ds-seo-archive-copy{width:auto!important;height:auto!important;padding:34px 22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important} body.temply-subpage-system .ds-seo-archive-kicker{margin:0 0 16px!important;color:#b36d47!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important} body.temply-subpage-system #temply-archive-title{ max-width:720px!important;height:auto!important;margin:0 0 18px!important;color:var(--ts-ink-strong)!important; font-family:var(--ts-serif)!important;font-size:clamp(48px,4.35vw,64px)!important;font-weight:600!important; line-height:.99!important;letter-spacing:-.05em!important;text-transform:none!important; } body.temply-subpage-system .ds-seo-archive-description{max-width:650px!important;margin:0!important;color:var(--ts-muted)!important;font-size:16px!important;line-height:1.62!important} body.temply-subpage-system .ds-seo-archive-actions{margin:22px 0 0!important;display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:center!important} body.temply-subpage-system .ds-seo-archive-cta,body.temply-subpage-system .ds-seo-archive-secondary-cta{ min-height:44px!important;padding:10px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; border-radius:11px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important; } body.temply-subpage-system .ds-seo-archive-cta{border:1px solid #eda33e!important;background:#f4a83f!important;color:#382b24!important;box-shadow:0 9px 20px rgba(202,118,28,.16)!important} body.temply-subpage-system .ds-seo-archive-secondary-cta{border:1px solid var(--ts-line)!important;background:#fffdf9!important;color:#57483f!important} body.temply-subpage-system .ds-seo-archive-highlights{margin:20px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;list-style:none!important} body.temply-subpage-system .ds-seo-archive-highlights li{min-width:0!important;padding:10px 11px!important;border:1px solid rgba(92,68,52,.07)!important;border-radius:11px!important;background:rgba(255,253,249,.66)!important} body.temply-subpage-system .ds-seo-archive-highlights strong{display:block!important;color:#514239!important;font-size:10px!important;line-height:1.2!important} body.temply-subpage-system .ds-seo-archive-highlights span{display:block!important;margin-top:3px!important;color:#8a7a70!important;font-size:8.5px!important;line-height:1.3!important} body.temply-subpage-system .ds-seo-archive-visual{position:relative!important;min-height:430px!important;height:auto!important;overflow:hidden!important;border:1px solid rgba(92,68,52,.08)!important;border-radius:22px!important;background:linear-gradient(145deg,#efe1d4,#e9ddd2 56%,#e5ebe1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important} body.temply-subpage-system .ds-seo-archive-visual-topline{color:#806d61!important;font-size:8px!important;letter-spacing:.13em!important} body.temply-subpage-system .ds-seo-archive-card{border-color:rgba(92,68,52,.10)!important;background:#fffdf9!important;box-shadow:0 16px 36px rgba(75,51,36,.12)!important} /* Shop React body */ body.temply-subpage-system #pixio-react-shop-root{background:transparent!important;color:var(--ts-ink)!important} body.temply-subpage-system #pixio-react-shop-root>div.min-h-screen{min-height:0!important;background:transparent!important;color:var(--ts-ink)!important} body.temply-subpage-system #pixio-react-shop-root>div.min-h-screen>div.mx-auto{width:min(calc(100% - 48px),var(--ts-shell))!important;max-width:var(--ts-shell)!important;margin-inline:auto!important;padding:34px 0 50px!important} body.temply-subpage-system #pixio-react-shop-root aside{border:1px solid var(--ts-line)!important;border-radius:18px!important;background:#fffaf4!important;box-shadow:0 10px 28px rgba(86,61,44,.055)!important;padding:18px!important;color:var(--ts-ink)!important} body.temply-subpage-system #pixio-react-shop-root aside h2,body.temply-subpage-system #pixio-react-shop-root aside button{color:var(--ts-ink-strong)!important} body.temply-subpage-system #pixio-react-shop-root aside input,body.temply-subpage-system #pixio-react-shop-root aside select{border-color:var(--ts-line)!important;background:#fffdf9!important;color:var(--ts-ink)!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2{gap:18px!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group{ min-width:0!important;padding:6px!important;border:1px solid rgba(92,68,52,.09)!important;border-radius:16px!important; background:#fffdf9!important;box-shadow:0 10px 28px rgba(86,61,44,.06)!important;transition:transform .2s ease,box-shadow .2s ease!important; } body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(86,61,44,.10)!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:first-child{border:0!important;border-radius:12px!important;background:#f4e9dc!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child{padding:12px 5px 5px!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group h3{min-height:39px!important;margin-bottom:6px!important;color:#493a33!important;font-family:var(--ts-sans)!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group h3:hover{color:#9b5c49!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group span[class*="font-extrabold"]{color:#8f4f36!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child>div:last-child{gap:6px!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child>div:last-child>button, body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child>div:last-child>a{min-height:38px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child>div:last-child>button{border:1px solid #efb171!important;background:#f8d9bd!important;color:#4b392f!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child>div:last-child>a{border:1px solid var(--ts-line)!important;background:#fffaf4!important;color:#4b392f!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group button[aria-label="Add to cart"]{background:rgba(56,43,36,.82)!important;color:#fffaf4!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:first-child>button:not([aria-label]){background:#382b24!important;color:#fffaf4!important} body.temply-subpage-system #pixio-react-shop-root .ds-scroll-top{background:#382b24!important;color:#fffaf4!important} /* Product React body */ body.temply-subpage-system #pixio-react-product-root>main{min-height:0!important;background:radial-gradient(circle at 8% 2%,rgba(247,223,205,.42),transparent 28%),radial-gradient(circle at 92% 8%,rgba(230,238,228,.46),transparent 25%),var(--ts-bg)!important;color:var(--ts-ink)!important} body.temply-subpage-system #pixio-react-product-root>main>div{width:min(calc(100% - 48px),1392px)!important;max-width:1392px!important;margin-inline:auto!important;padding:36px 0 50px!important} body.temply-subpage-system #pixio-react-product-root nav{color:#8c7c72!important} body.temply-subpage-system #pixio-react-product-root nav a{color:#8c7c72!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]{padding:20px!important;gap:24px!important;border:1px solid var(--ts-line)!important;border-radius:24px!important;background:rgba(255,253,249,.78)!important;box-shadow:var(--ts-shadow)!important} body.temply-subpage-system #pixio-react-product-root div[class*="bg-white/70"]{background:rgba(255,253,249,.76)!important;border-radius:20px!important} body.temply-subpage-system #pixio-react-product-root div[class*="from-[#fff9f7]"][class*="to-[#f7f2ff]"]{background:linear-gradient(145deg,#fff6ed,#f9e6d7)!important;border:1px solid rgba(92,68,52,.06)!important;border-radius:18px!important} body.temply-subpage-system #pixio-react-product-root h1{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:clamp(38px,3.4vw,52px)!important;font-weight:600!important;line-height:1.02!important;letter-spacing:-.045em!important;text-transform:none!important} body.temply-subpage-system #pixio-react-product-root a[class*="bg-[#6d5aa4]"]{border:1px solid #eda33e!important;background:#f4a83f!important;color:#382b24!important;box-shadow:0 9px 20px rgba(202,118,28,.18)!important} body.temply-subpage-system #pixio-react-product-root a[class*="border-[#d8cdea]"]{border-color:var(--ts-line)!important;background:#fffaf4!important;color:#4f4038!important;box-shadow:none!important} body.temply-subpage-system #pixio-react-product-root button[class*="text-[#7562ad]"]{color:#a66546!important} body.temply-subpage-system #pixio-react-product-root div[class*="border-black/10"][class*="rounded-[20px]"]{border-color:var(--ts-line)!important;border-radius:18px!important;background:#fffdf9!important;box-shadow:0 10px 28px rgba(86,61,44,.055)!important} body.temply-subpage-system #pixio-react-product-root div[class*="border-black/10"][class*="rounded-[20px]"] button{color:#77685f!important;background:transparent!important} body.temply-subpage-system #pixio-react-product-root div[class*="border-black/10"][class*="rounded-[20px]"] button[class*="text-[#9a5600]"]{color:#985a3f!important;background:#f8e7da!important} body.temply-subpage-system #pixio-react-product-root .product-desc{color:#50443d!important;font-size:16px!important;line-height:1.75!important} body.temply-subpage-system #pixio-react-product-root .product-desc h2{margin:32px 0 12px!important;color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-size:28px!important;font-weight:600!important;line-height:1.12!important;letter-spacing:-.025em!important} body.temply-subpage-system #pixio-react-product-root .product-desc h3{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important} body.temply-subpage-system #pixio-react-product-root .mt-16>div:first-child h2{color:var(--ts-ink-strong)!important;font-family:var(--ts-serif)!important;font-weight:600!important} body.temply-subpage-system #pixio-react-product-root .mt-16 .grid>a.group{padding:6px!important;border:1px solid var(--ts-line)!important;border-radius:14px!important;background:#fffdf9!important;box-shadow:0 8px 22px rgba(86,61,44,.05)!important} @media(max-width:1023px){ body.temply-subpage-system .ds-seo-archive-shell{grid-template-columns:1fr!important;min-height:0!important} body.temply-subpage-system .ds-seo-archive-visual{min-height:370px!important} body.temply-subpage-system #pixio-react-shop-root>div.min-h-screen>div.mx-auto{width:min(calc(100% - 32px),var(--ts-shell))!important;padding-top:26px!important} body.temply-subpage-system #pixio-react-product-root>main>div{width:min(calc(100% - 32px),var(--ts-shell))!important;padding-top:28px!important} } @media(max-width:767px){ body.temply-subpage-system .ds-seo-archive-intro{width:calc(100% - 24px)!important;margin:5px auto 14px!important;padding:10px!important;border-radius:20px!important} body.temply-subpage-system .ds-seo-archive-shell{gap:10px!important} body.temply-subpage-system .ds-seo-archive-copy{padding:22px 16px 16px!important} body.temply-subpage-system #temply-archive-title{font-size:38px!important;line-height:1!important} body.temply-subpage-system .ds-seo-archive-description{font-size:14px!important;line-height:1.5!important} body.temply-subpage-system .ds-seo-archive-actions{margin-top:16px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important} body.temply-subpage-system .ds-seo-archive-cta,body.temply-subpage-system .ds-seo-archive-secondary-cta{min-height:39px!important;padding:8px 9px!important;font-size:9.5px!important} body.temply-subpage-system .ds-seo-archive-highlights{margin-top:14px!important;grid-template-columns:1fr!important;gap:4px!important} body.temply-subpage-system .ds-seo-archive-highlights li{padding:7px 9px!important} body.temply-subpage-system .ds-seo-archive-visual{min-height:245px!important;border-radius:15px!important} body.temply-subpage-system #pixio-react-shop-root>div.min-h-screen>div.mx-auto{width:calc(100% - 24px)!important;padding:20px 0 34px!important} body.temply-subpage-system #pixio-react-shop-root aside{padding:15px!important;border-radius:15px!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2{gap:9px!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group{padding:4px!important;border-radius:12px!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child{padding:8px 3px 3px!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group h3{min-height:34px!important;font-size:10.5px!important;line-height:1.3!important} body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child>div:last-child>button,body.temply-subpage-system #pixio-react-shop-root .flex-1.min-w-0>.grid.grid-cols-2>.group>div:last-child>div:last-child>a{min-height:32px!important;padding:5px 4px!important;font-size:8px!important} body.temply-subpage-system #pixio-react-product-root>main>div{width:calc(100% - 24px)!important;padding:20px 0 36px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]{padding:10px!important;gap:14px!important;border-radius:18px!important} body.temply-subpage-system #pixio-react-product-root h1{font-size:36px!important} body.temply-subpage-system #pixio-react-product-root .product-desc{font-size:15px!important;line-height:1.7!important} body.temply-subpage-system #pixio-react-product-root .product-desc h2{font-size:24px!important} } /* Batch 3 responsive compaction after visual QA. */ @media(max-width:1023px){ body.temply-subpage-system .ds-seo-archive-visual-orbit, body.temply-subpage-system .ds-seo-archive-card-secondary{display:none!important} body.temply-subpage-system .ds-seo-archive-visual{height:340px!important;min-height:340px!important;padding:20px!important} body.temply-subpage-system .ds-seo-archive-visual-topline{margin:0 0 12px!important} body.temply-subpage-system .ds-seo-archive-collage{height:240px!important;min-height:0!important} body.temply-subpage-system .ds-seo-archive-card-primary{top:0!important;right:auto!important;bottom:auto!important;left:50%!important;width:min(78%,430px)!important;height:235px!important;transform:translateX(-50%)!important} body.temply-subpage-system .ds-seo-archive-visual-footer{display:none!important} } @media(max-width:767px){ body.temply-subpage-system .ds-seo-archive-visual{display:none!important} body.temply-subpage-system .ds-seo-archive-copy{padding-bottom:20px!important} /* Product gallery + title/details + purchase panel: compact, no content removal. */ body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]{gap:10px!important;margin-bottom:20px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:first-child{gap:9px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:first-child>div{gap:8px!important;position:relative!important;top:auto!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:first-child>div>div:first-child{height:278px!important;aspect-ratio:auto!important;border-radius:18px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:first-child>div>div:first-child img{height:260px!important;border-radius:14px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:first-child>div>div:last-child{height:58px!important;gap:6px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:first-child>div>div:last-child button{width:54px!important;height:54px!important;border-radius:9px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(2)>div{gap:10px!important;padding:3px!important;border-radius:18px!important} body.temply-subpage-system #pixio-react-product-root div[class*="from-[#fff9f7]"][class*="to-[#f7f2ff]"]{padding:16px!important} body.temply-subpage-system #pixio-react-product-root h1{font-size:32px!important;line-height:1!important} body.temply-subpage-system #pixio-react-product-root h1+*{margin-top:0!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(2) p{line-height:1.45!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(2) div[class*="border-t"]{padding-top:12px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(3)>div{padding:14px!important;border-radius:18px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(3)>div>div{margin-bottom:10px!important;padding:10px!important;border-radius:12px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(3)>div>a{height:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;font-size:11px!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(3)>div>a[href*="checkout/?add-to-cart"]{border:1px solid #eda33e!important;background:#f4a83f!important;color:#382b24!important;box-shadow:0 8px 18px rgba(202,118,28,.17)!important} body.temply-subpage-system #pixio-react-product-root>main>div>div[class*="lg:flex-row"][class*="rounded-[34px]"]>div:nth-child(3)>div>a[href*="?add-to-cart"]:not([href*="checkout/"]){border:1px solid var(--ts-line)!important;background:#fffaf4!important;color:#4f4038!important;box-shadow:none!important} } /* Batch 4 — mobile touch targets */ @media(max-width:767px){ body.temply-subpage-system .ds-hdr-icon, body.temply-subpage-system .ds-hamburger, body.temply-subpage-system .ds-mobile-nav-close{ width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; } } /* Batch 5 — canonical-header specificity guard against later React template CSS. */ @media(max-width:767px){ body.temply-subpage-system header.temply-shared-header .ds-hdr-icon, body.temply-subpage-system header.temply-shared-header .ds-hamburger{ width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; } } /* FAQ dedicated page hotfix — uses the canonical Temply subpage system. */ body.temply-subpage-system .ts-faq-page{padding:8px 0 30px;background:transparent;color:var(--ts-ink)} body.temply-subpage-system .ts-faq-hero, body.temply-subpage-system .ts-faq-content, body.temply-subpage-system .ts-faq-support{width:min(calc(100% - 48px),var(--ts-shell));max-width:var(--ts-shell);margin-inline:auto} body.temply-subpage-system .ts-faq-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:16px;margin-top:0;padding:18px;border:1px solid var(--ts-line);border-radius:28px;background:linear-gradient(135deg,#fff8f0,#f8e2d0);box-shadow:var(--ts-shadow)} body.temply-subpage-system .ts-faq-hero__copy{padding:42px clamp(22px,4vw,58px);border-radius:20px;background:rgba(255,253,249,.72)} body.temply-subpage-system .ts-faq-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:30px;color:#a27861;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} body.temply-subpage-system .ts-faq-breadcrumb a{color:inherit;text-decoration:none} body.temply-subpage-system .ts-faq-eyebrow{margin:0 0 10px;color:#b16d49;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} body.temply-subpage-system .ts-faq-hero h1{max-width:920px;margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:clamp(48px,5vw,76px);font-weight:600;line-height:.96;letter-spacing:-.055em;text-wrap:balance} body.temply-subpage-system .ts-faq-hero__intro{max-width:760px;margin-top:22px;color:var(--ts-muted);font-size:16px;line-height:1.65} body.temply-subpage-system .ts-faq-hero__intro a{color:#9a5b40;font-weight:700} body.temply-subpage-system .ts-faq-hero__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px} body.temply-subpage-system .ts-faq-button{min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease} body.temply-subpage-system .ts-faq-button:hover{transform:translateY(-1px)} body.temply-subpage-system .ts-faq-button--primary{border:1px solid #eda33e;background:#f4a83f;color:#382b24;box-shadow:0 9px 20px rgba(202,118,28,.15)} body.temply-subpage-system .ts-faq-button--secondary{border:1px solid var(--ts-line);background:#fffdf9;color:#57483f} body.temply-subpage-system .ts-faq-hero__card{display:flex;flex-direction:column;justify-content:flex-end;min-height:410px;padding:30px;overflow:hidden;border-radius:20px;background:#382b24;color:#fffaf4;box-shadow:0 18px 42px rgba(56,43,36,.14)} body.temply-subpage-system .ts-faq-hero__number{display:block;margin-bottom:auto;color:#f4a83f;font-family:var(--ts-serif);font-size:88px;font-weight:600;line-height:.8;letter-spacing:-.07em} body.temply-subpage-system .ts-faq-hero__card strong{font-family:var(--ts-serif);font-size:28px;font-weight:600;line-height:1.05} body.temply-subpage-system .ts-faq-hero__card p{max-width:360px;margin:12px 0 20px;color:rgba(255,250,244,.7);font-size:13px;line-height:1.55} body.temply-subpage-system .ts-faq-hero__quick-links{display:grid;gap:7px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13)} body.temply-subpage-system .ts-faq-hero__quick-links a{display:flex;justify-content:space-between;gap:12px;color:#fffaf4;font-size:11px;font-weight:700;text-decoration:none} body.temply-subpage-system .ts-faq-content{margin-top:18px;padding:42px;border:1px solid var(--ts-line);border-radius:24px;background:#fffaf4;box-shadow:0 10px 30px rgba(86,61,44,.045)} body.temply-subpage-system .ts-faq-content__grid{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.55fr);gap:34px;align-items:start} body.temply-subpage-system .ts-faq-guide{position:sticky;top:104px;padding:25px;border:1px solid var(--ts-line);border-radius:18px;background:#f8e7da} body.temply-subpage-system .ts-faq-guide h2{margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:29px;font-weight:600;line-height:1.06;letter-spacing:-.035em} body.temply-subpage-system .ts-faq-guide>p:not(.ts-faq-eyebrow){margin:15px 0;color:#77675e;font-size:13px;line-height:1.6} body.temply-subpage-system .ts-faq-guide>a{display:inline-flex;gap:8px;color:#95583f;font-size:12px;font-weight:800;text-decoration:none} body.temply-subpage-system .ts-faq-list{display:grid;gap:9px} body.temply-subpage-system .ts-faq-item{overflow:hidden;border:1px solid var(--ts-line);border-radius:15px;background:#fffdf9;transition:border-color .2s ease,box-shadow .2s ease} body.temply-subpage-system .ts-faq-item[open]{border-color:rgba(142,87,61,.28);box-shadow:0 10px 24px rgba(82,58,43,.055)} body.temply-subpage-system .ts-faq-item summary{min-height:74px;padding:14px 16px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;color:#4b3c34;cursor:pointer;list-style:none} body.temply-subpage-system .ts-faq-item summary::-webkit-details-marker{display:none} body.temply-subpage-system .ts-faq-item__index{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f8e7da;color:#a26143;font-size:10px;font-weight:800;letter-spacing:.08em} body.temply-subpage-system .ts-faq-item__question{font-family:var(--ts-serif);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.025em} body.temply-subpage-system .ts-faq-item__toggle{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ts-line);border-radius:50%;color:#a26143} body.temply-subpage-system .ts-faq-item__toggle>span{position:absolute;width:13px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease} body.temply-subpage-system .ts-faq-item__toggle>span:last-child{transform:rotate(90deg)} body.temply-subpage-system .ts-faq-item[open] summary{background:#fbf2e9} body.temply-subpage-system .ts-faq-item[open] .ts-faq-item__toggle>span:last-child{transform:rotate(0)} body.temply-subpage-system .ts-faq-item__answer{padding:0 74px 22px;border-top:1px solid var(--ts-line);color:#66574e;font-size:14px;line-height:1.7} body.temply-subpage-system .ts-faq-item__answer p{margin:0;padding-top:18px;font-size:14px;line-height:1.7} body.temply-subpage-system .ts-faq-item__answer a{color:#95583f;font-weight:700;text-underline-offset:3px} body.temply-subpage-system .ts-faq-fallback{max-width:900px;margin:auto;color:#55483f;font-size:16px;line-height:1.75} body.temply-subpage-system .ts-faq-support{margin-top:18px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--ts-line);border-radius:22px;background:linear-gradient(135deg,#efe5da,#e8eee6)} body.temply-subpage-system .ts-faq-support h2{margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:34px;font-weight:600;line-height:1.05;letter-spacing:-.035em} body.temply-subpage-system .ts-faq-support p:not(.ts-faq-eyebrow){max-width:760px;margin:10px 0 0;color:#74655b;font-size:13px;line-height:1.55} @media(max-width:1023px){ body.temply-subpage-system .ts-faq-hero{grid-template-columns:1fr minmax(240px,.55fr)} body.temply-subpage-system .ts-faq-hero__copy{padding:32px 28px} body.temply-subpage-system .ts-faq-hero__card{min-height:340px} body.temply-subpage-system .ts-faq-content{padding:28px} body.temply-subpage-system .ts-faq-content__grid{grid-template-columns:1fr} body.temply-subpage-system .ts-faq-guide{position:relative;top:auto} } @media(max-width:767px){ body.temply-subpage-system .ts-faq-page{padding-top:5px} body.temply-subpage-system .ts-faq-hero, body.temply-subpage-system .ts-faq-content, body.temply-subpage-system .ts-faq-support{width:calc(100% - 24px)} body.temply-subpage-system .ts-faq-hero{grid-template-columns:1fr;padding:9px;border-radius:20px} body.temply-subpage-system .ts-faq-hero__copy{padding:24px 16px;border-radius:14px} body.temply-subpage-system .ts-faq-breadcrumb{margin-bottom:20px;font-size:8px} body.temply-subpage-system .ts-faq-hero h1{font-size:38px;line-height:.98} body.temply-subpage-system .ts-faq-hero__intro{margin-top:15px;font-size:14px;line-height:1.55} body.temply-subpage-system .ts-faq-hero__actions{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;gap:6px} body.temply-subpage-system .ts-faq-button{min-height:44px;padding:8px;font-size:9.5px;text-align:center} body.temply-subpage-system .ts-faq-hero__card{min-height:0;padding:18px;border-radius:15px} body.temply-subpage-system .ts-faq-hero__number{margin:0 0 14px;font-size:48px} body.temply-subpage-system .ts-faq-hero__card strong{font-size:22px} body.temply-subpage-system .ts-faq-hero__card p{margin:8px 0 12px;font-size:11px} body.temply-subpage-system .ts-faq-content{margin-top:12px;padding:12px;border-radius:18px} body.temply-subpage-system .ts-faq-content__grid{gap:12px} body.temply-subpage-system .ts-faq-guide{padding:18px;border-radius:14px} body.temply-subpage-system .ts-faq-guide h2{font-size:24px} body.temply-subpage-system .ts-faq-list{gap:6px} body.temply-subpage-system .ts-faq-item{border-radius:12px} body.temply-subpage-system .ts-faq-item summary{min-height:68px;padding:11px 10px;grid-template-columns:36px minmax(0,1fr) 36px;gap:9px} body.temply-subpage-system .ts-faq-item__index, body.temply-subpage-system .ts-faq-item__toggle{width:36px;height:36px;border-radius:10px} body.temply-subpage-system .ts-faq-item__question{font-size:16px;line-height:1.25} body.temply-subpage-system .ts-faq-item__answer{padding:0 14px 16px 55px;font-size:13px} body.temply-subpage-system .ts-faq-item__answer p{padding-top:14px;font-size:13px;line-height:1.65} body.temply-subpage-system .ts-faq-support{margin-top:12px;padding:22px 18px;align-items:flex-start;flex-direction:column;border-radius:17px} body.temply-subpage-system .ts-faq-support h2{font-size:27px} } /* Contact FAQ intro contrast guard. */ body.temply-subpage-system .ts-contact__faq-intro h2{color:#fffaf4!important} body.temply-subpage-system .ts-contact__faq-intro .ts-eyebrow{color:#f4a83f!important} body.temply-subpage-system .ts-contact__faq-intro>p:not(.ts-eyebrow),body.temply-subpage-system .ts-contact__faq-intro .ts-contact__faq-meta span{color:rgba(255,250,244,.78)!important} body.temply-subpage-system .ts-contact__faq-intro .ts-contact__faq-label{color:rgba(255,250,244,.82)!important;border-color:rgba(255,250,244,.24)!important} body.temply-subpage-system .ts-contact__faq-intro .ts-text-link{color:#fffaf4!important;border-color:rgba(255,250,244,.30)!important} body.temply-subpage-system .ts-contact__faq-intro .ts-text-link:hover,body.temply-subpage-system .ts-contact__faq-intro .ts-text-link:focus-visible{color:#f4a83f!important;border-color:#f4a83f!important} /* Refund Returns / Digital Product Refund Policy */ body.temply-subpage-system .ts-refund-page{padding:8px 0 30px;background:transparent;color:var(--ts-ink)} body.temply-subpage-system .ts-refund-hero,body.temply-subpage-system .ts-refund-layout,body.temply-subpage-system .ts-refund-support{width:min(calc(100% - 48px),var(--ts-shell));max-width:var(--ts-shell);margin-inline:auto} body.temply-subpage-system .ts-refund-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:16px;padding:18px;border:1px solid var(--ts-line);border-radius:28px;background:linear-gradient(135deg,#fff8f0 0%,#f8e2d0 100%);box-shadow:var(--ts-shadow)} body.temply-subpage-system .ts-refund-hero__copy{padding:42px clamp(22px,4vw,58px);border-radius:20px;background:rgba(255,253,249,.74)} body.temply-subpage-system .ts-refund-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:30px;color:#a27861;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} body.temply-subpage-system .ts-refund-breadcrumb a{color:inherit;text-decoration:none} body.temply-subpage-system .ts-refund-eyebrow{margin:0 0 10px;color:#b16d49;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} body.temply-subpage-system .ts-refund-hero h1{max-width:900px;margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:clamp(48px,5vw,76px);font-weight:600;line-height:.96;letter-spacing:-.055em;text-wrap:balance} body.temply-subpage-system .ts-refund-hero__intro{max-width:760px;margin-top:22px;color:var(--ts-muted);font-size:16px;line-height:1.65} body.temply-subpage-system .ts-refund-hero__intro a{color:#95583f;font-weight:700} body.temply-subpage-system .ts-refund-hero__meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px} body.temply-subpage-system .ts-refund-hero__meta span{padding:7px 10px;border:1px solid rgba(92,69,54,.10);border-radius:999px;background:#fffaf4;color:#75655c;font-size:9px;font-weight:700} body.temply-subpage-system .ts-refund-hero__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} body.temply-subpage-system .ts-refund-button{min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease} body.temply-subpage-system .ts-refund-button:hover{transform:translateY(-1px)} body.temply-subpage-system .ts-refund-button--primary{border:1px solid #eda33e;background:#f4a83f;color:#382b24;box-shadow:0 9px 20px rgba(202,118,28,.15)} body.temply-subpage-system .ts-refund-button--secondary{border:1px solid var(--ts-line);background:#fffdf9;color:#57483f} body.temply-subpage-system .ts-refund-hero__overview{min-height:420px;padding:30px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(92,69,54,.08);border-radius:20px;background:linear-gradient(145deg,#e7eee4,#f3e9dc);color:#44372f} body.temply-subpage-system .ts-refund-hero__overview>strong{max-width:420px;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:30px;font-weight:600;line-height:1.05;letter-spacing:-.035em} body.temply-subpage-system .ts-refund-hero__overview ul{margin:25px 0 0;padding:0;display:grid;gap:8px;list-style:none} body.temply-subpage-system .ts-refund-hero__overview li{padding:11px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;border:1px solid rgba(92,69,54,.08);border-radius:12px;background:rgba(255,253,249,.72)} body.temply-subpage-system .ts-refund-hero__overview li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f7dcc7;color:#9b5c49;font-size:9px;font-weight:800} body.temply-subpage-system .ts-refund-hero__overview li p{margin:0;color:#74655b;font-size:11px;line-height:1.45} body.temply-subpage-system .ts-refund-hero__overview li b{display:block;margin-bottom:2px;color:#493b33;font-size:11px} body.temply-subpage-system .ts-refund-layout{margin-top:18px;display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.65fr);gap:18px;align-items:start} body.temply-subpage-system .ts-refund-guide{position:sticky;top:104px;padding:25px;border:1px solid var(--ts-line);border-radius:18px;background:#f8e7da;box-shadow:0 10px 26px rgba(86,61,44,.045)} body.temply-subpage-system .ts-refund-guide h2{margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:29px;font-weight:600;line-height:1.06;letter-spacing:-.035em} body.temply-subpage-system .ts-refund-guide>p:not(.ts-refund-eyebrow){margin:15px 0;color:#77675e;font-size:13px;line-height:1.6} body.temply-subpage-system .ts-refund-guide__links{display:grid;gap:7px;padding-top:14px;border-top:1px solid rgba(92,69,54,.10)} body.temply-subpage-system .ts-refund-guide__links a{display:flex;justify-content:space-between;gap:10px;color:#95583f;font-size:11px;font-weight:800;text-decoration:none} body.temply-subpage-system .ts-refund-policy{padding:40px 46px;border:1px solid var(--ts-line);border-radius:22px;background:#fffdf9;box-shadow:0 10px 30px rgba(86,61,44,.045);color:#55483f;font-size:16px;line-height:1.75} body.temply-subpage-system .ts-refund-policy h2{margin:36px 0 12px;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:30px;font-weight:600;line-height:1.08;letter-spacing:-.035em} body.temply-subpage-system .ts-refund-policy h2:first-child{margin-top:0} body.temply-subpage-system .ts-refund-policy p{margin:0 0 16px;color:#55483f;font-size:16px;line-height:1.75} body.temply-subpage-system .ts-refund-policy ul,body.temply-subpage-system .ts-refund-policy ol{margin:14px 0 22px;padding:16px 18px 16px 38px;border:1px solid rgba(92,69,54,.08);border-radius:14px;background:#fbf3eb;color:#5c4d44} body.temply-subpage-system .ts-refund-policy li{margin:5px 0;padding-left:3px} body.temply-subpage-system .ts-refund-policy a{color:#95583f;font-weight:700;text-underline-offset:3px} body.temply-subpage-system .ts-refund-support{margin-top:18px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--ts-line);border-radius:22px;background:linear-gradient(135deg,#efe5da,#e8eee6)} body.temply-subpage-system .ts-refund-support h2{margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:34px;font-weight:600;line-height:1.05;letter-spacing:-.035em} body.temply-subpage-system .ts-refund-support p:not(.ts-refund-eyebrow){max-width:760px;margin:10px 0 0;color:#74655b;font-size:13px;line-height:1.55} @media(max-width:1023px){body.temply-subpage-system .ts-refund-hero{grid-template-columns:1fr minmax(260px,.56fr)}body.temply-subpage-system .ts-refund-hero__copy{padding:32px 28px}body.temply-subpage-system .ts-refund-hero__overview{min-height:360px}body.temply-subpage-system .ts-refund-layout{grid-template-columns:1fr}body.temply-subpage-system .ts-refund-guide{position:relative;top:auto}} @media(max-width:767px){ body.temply-subpage-system .ts-refund-page{padding-top:5px} body.temply-subpage-system .ts-refund-hero,body.temply-subpage-system .ts-refund-layout,body.temply-subpage-system .ts-refund-support{width:calc(100% - 24px)} body.temply-subpage-system .ts-refund-hero{grid-template-columns:1fr;padding:9px;border-radius:20px} body.temply-subpage-system .ts-refund-hero__copy{padding:24px 16px;border-radius:14px} body.temply-subpage-system .ts-refund-breadcrumb{margin-bottom:20px;font-size:8px} body.temply-subpage-system .ts-refund-hero h1{font-size:38px;line-height:.98} body.temply-subpage-system .ts-refund-hero__intro{margin-top:15px;font-size:14px;line-height:1.55} body.temply-subpage-system .ts-refund-hero__meta{gap:5px;margin-top:14px} body.temply-subpage-system .ts-refund-hero__meta span{padding:6px 8px;font-size:8px} body.temply-subpage-system .ts-refund-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:17px} body.temply-subpage-system .ts-refund-button{min-height:44px;padding:8px;font-size:9.5px;text-align:center} body.temply-subpage-system .ts-refund-hero__overview{min-height:0;padding:18px;border-radius:15px} body.temply-subpage-system .ts-refund-hero__overview>strong{font-size:23px} body.temply-subpage-system .ts-refund-hero__overview ul{margin-top:14px;gap:5px} body.temply-subpage-system .ts-refund-layout{margin-top:12px;gap:12px} body.temply-subpage-system .ts-refund-guide{padding:18px;border-radius:14px} body.temply-subpage-system .ts-refund-guide h2{font-size:24px} body.temply-subpage-system .ts-refund-policy{padding:22px 18px;border-radius:17px;font-size:15px;line-height:1.68} body.temply-subpage-system .ts-refund-policy h2{margin-top:28px;font-size:24px;line-height:1.12} body.temply-subpage-system .ts-refund-policy p{margin-bottom:14px;font-size:15px;line-height:1.68} body.temply-subpage-system .ts-refund-policy ul,body.temply-subpage-system .ts-refund-policy ol{padding:13px 12px 13px 30px} body.temply-subpage-system .ts-refund-support{margin-top:12px;padding:22px 18px;align-items:flex-start;flex-direction:column;border-radius:17px} body.temply-subpage-system .ts-refund-support h2{font-size:27px} } /* Subpage QA 2 — category hub depth. */ body.temply-subpage-system .temply-archive-depth{margin:18px auto 22px;padding:18px;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.48fr);gap:14px;border:1px solid var(--ts-line);border-radius:22px;background:linear-gradient(135deg,#f8e4d4 0%,#f9eee4 48%,#edf1e9 100%);box-shadow:0 12px 30px rgba(86,61,44,.055)} body.temply-subpage-system .temply-archive-depth__intro{padding:24px;border:1px solid rgba(92,69,54,.07);border-radius:16px;background:rgba(255,253,249,.78)} body.temply-subpage-system .temply-archive-depth__intro h2{max-width:600px;margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:clamp(28px,2.8vw,38px);font-weight:600;line-height:1.03;letter-spacing:-.045em;text-wrap:balance} body.temply-subpage-system .temply-archive-depth__intro>p:not(.ts-eyebrow){max-width:680px;margin:15px 0 0;color:#75665d;font-size:15px;line-height:1.65} body.temply-subpage-system .temply-archive-depth__links{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px} body.temply-subpage-system .temply-archive-depth__links a{min-height:40px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(92,69,54,.11);border-radius:10px;background:#fffdf9;color:#95583f;font-size:11px;font-weight:800;text-decoration:none} body.temply-subpage-system .temply-archive-depth__points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} body.temply-subpage-system .temply-archive-depth__points article{min-width:0;min-height:190px;padding:18px 15px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid rgba(92,69,54,.08);border-radius:15px;background:rgba(255,253,249,.88)} body.temply-subpage-system .temply-archive-depth__index{width:34px;height:34px;margin-bottom:26px;display:grid;place-items:center;border-radius:10px;background:#f7dcc7;color:#9a5b40;font-size:9px;font-weight:800;letter-spacing:.08em} body.temply-subpage-system .temply-archive-depth__points h3{margin:0 0 8px;color:#4a3b33;font-family:var(--ts-serif);font-size:18px;font-weight:600;line-height:1.08;letter-spacing:-.025em} body.temply-subpage-system .temply-archive-depth__points p{margin:0;color:#817168;font-size:12px;line-height:1.55} body.temply-subpage-system .z-blog-filters{justify-content:center;gap:7px!important;padding-block:4px!important} body.temply-subpage-system .z-blog-filters a{min-height:38px;display:inline-flex;align-items:center;justify-content:center} /* Subpage QA 2 — footer visual balance. */ @media(min-width:1024px){ body.temply-subpage-system .ts-footer-v4__shell{padding:26px 28px!important} body.temply-subpage-system .ts-footer-v4__main{grid-template-columns:minmax(290px,.72fr) minmax(0,2.28fr)!important;gap:30px!important;align-items:stretch!important} body.temply-subpage-system .ts-footer-v4__brand{min-width:0!important;padding:22px!important;border-right:0!important;border:1px solid rgba(92,69,54,.08)!important;border-radius:17px!important;background:#fbf3eb!important} body.temply-subpage-system .ts-footer-v4__brand h2{max-width:340px!important;font-size:26px!important;line-height:1.04!important} body.temply-subpage-system .ts-footer-v4__brand-copy{max-width:360px!important;font-size:12px!important} body.temply-subpage-system .ts-footer-v4__nav-grid{min-width:0!important;gap:28px!important;padding:20px 8px 12px!important;align-content:start!important} body.temply-subpage-system .ts-footer-v4__column a{font-size:13px!important} } @media(max-width:1023px){ body.temply-subpage-system .temply-archive-depth{grid-template-columns:1fr;padding:14px} body.temply-subpage-system .temply-archive-depth__points{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:767px){ body.temply-subpage-system .temply-archive-depth{margin:12px auto 16px;padding:9px;grid-template-columns:1fr;gap:8px;border-radius:17px} body.temply-subpage-system .temply-archive-depth__intro{padding:18px 15px;border-radius:13px} body.temply-subpage-system .temply-archive-depth__intro h2{font-size:27px} body.temply-subpage-system .temply-archive-depth__intro>p:not(.ts-eyebrow){font-size:13px;line-height:1.58} body.temply-subpage-system .temply-archive-depth__links{display:grid;grid-template-columns:1fr;margin-top:15px} body.temply-subpage-system .temply-archive-depth__links a{min-height:44px;font-size:10.5px} body.temply-subpage-system .temply-archive-depth__points{grid-template-columns:1fr;gap:5px} body.temply-subpage-system .temply-archive-depth__points article{min-height:0;padding:13px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;border-radius:12px} body.temply-subpage-system .temply-archive-depth__index{margin:0} body.temply-subpage-system .temply-archive-depth__points h3{font-size:16px} body.temply-subpage-system .temply-archive-depth__points p{font-size:11.5px} body.temply-subpage-system .z-blog-filters{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important} body.temply-subpage-system .z-blog-filters::-webkit-scrollbar{display:none!important} body.temply-subpage-system .z-blog-filters li{flex:0 0 auto!important} body.temply-subpage-system .z-blog-filters a{min-height:44px!important;white-space:nowrap!important} body.temply-subpage-system .ts-footer-v4__brand{padding:17px!important;border:1px solid rgba(92,69,54,.08)!important;border-radius:14px!important;background:#fbf3eb!important} body.temply-subpage-system .ts-footer-v4__brand-copy{max-width:none!important;font-size:11px!important} body.temply-subpage-system .ts-footer-v4__nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 16px!important;padding-top:18px!important} body.temply-subpage-system .ts-footer-v4__column:last-child{grid-column:1/-1!important;padding-top:15px!important;border-top:1px solid var(--ts-line)!important} body.temply-subpage-system .ts-footer-v4__column:last-child ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 14px!important} body.temply-subpage-system .ts-footer-v4__column h2{font-size:9.5px!important} body.temply-subpage-system .ts-footer-v4__column a{font-size:11px!important;line-height:1.4!important} } body.temply-subpage-system .temply-archive-depth__intro .temply-archive-depth__note{margin-top:13px;padding-top:13px;border-top:1px solid rgba(92,69,54,.09);color:#6f6158;font-size:13px;line-height:1.62} @media(max-width:767px){body.temply-subpage-system .temply-archive-depth__intro .temply-archive-depth__note{font-size:12px;line-height:1.58}} /* Subpage QA 2 — semantic auth headings. */ body.temply-subpage-system.ds-auth-page .ds-auth-hero h1{margin:0;color:#fff;font-family:inherit;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.15;text-transform:none} @media(max-width:767px){body.temply-subpage-system.ds-auth-page .ds-auth-hero h1{font-size:25px;line-height:1.15}} /* Full subpage system — editorial/policy pages, GDPR and compact desktop footer. */ body.temply-subpage-system .ts-content-page, body.temply-subpage-system .ts-gdpr-page{padding:8px 0 30px;background:transparent;color:var(--ts-ink)} body.temply-subpage-system .ts-content-hero, body.temply-subpage-system .ts-content-layout, body.temply-subpage-system .ts-content-routes, body.temply-subpage-system .ts-gdpr-page__header, body.temply-subpage-system .ts-gdpr-content{width:min(calc(100% - 48px),var(--ts-shell));max-width:var(--ts-shell);margin-inline:auto} body.temply-subpage-system .ts-content-hero, body.temply-subpage-system .ts-gdpr-page__header{padding:48px clamp(28px,5vw,72px);border:1px solid var(--ts-line);border-radius:28px;background:linear-gradient(135deg,#fff8f0,#f8e2d0);box-shadow:var(--ts-shadow)} body.temply-subpage-system .ts-content-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:26px;color:#9e745e;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} body.temply-subpage-system .ts-content-breadcrumb a{color:inherit;text-decoration:none} body.temply-subpage-system .ts-content-eyebrow{margin:0 0 10px;color:#b16d49;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} body.temply-subpage-system .ts-content-hero h1, body.temply-subpage-system .ts-gdpr-page__header h1{max-width:1050px;margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:clamp(48px,5vw,76px);font-weight:600;line-height:.97;letter-spacing:-.055em;text-wrap:balance} body.temply-subpage-system .ts-content-deck, body.temply-subpage-system .ts-gdpr-page__header>p:not(.ts-content-eyebrow){max-width:850px;margin:22px 0 0;color:var(--ts-muted);font-size:16px;line-height:1.65} body.temply-subpage-system .ts-content-layout{margin-top:18px} body.temply-subpage-system .ts-content-layout--policy{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.65fr);gap:18px;align-items:start} body.temply-subpage-system .ts-content-guide{position:sticky;top:104px;padding:25px;border:1px solid var(--ts-line);border-radius:18px;background:#f8e7da;box-shadow:0 10px 26px rgba(86,61,44,.045)} body.temply-subpage-system .ts-content-guide h2{margin:0;color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:29px;font-weight:600;line-height:1.06;letter-spacing:-.035em} body.temply-subpage-system .ts-content-guide>p:not(.ts-content-eyebrow){margin:15px 0;color:#77675e;font-size:13px;line-height:1.6} body.temply-subpage-system .ts-content-guide__links{display:grid;gap:7px;padding-top:14px;border-top:1px solid rgba(92,69,54,.10)} body.temply-subpage-system .ts-content-guide__links a{display:flex;justify-content:space-between;gap:10px;color:#95583f;font-size:11px;font-weight:800;text-decoration:none} body.temply-subpage-system .ts-content-article{max-width:1120px;margin:0 auto;padding:42px clamp(24px,4vw,52px);border:1px solid var(--ts-line);border-radius:22px;background:#fffdf9;box-shadow:0 10px 30px rgba(86,61,44,.045);color:#55483f;font-size:16px;line-height:1.75} body.temply-subpage-system .ts-content-layout--policy .ts-content-article{max-width:none;margin:0} body.temply-subpage-system .ts-content-article h2, body.temply-subpage-system .ts-content-article h3, body.temply-subpage-system .ts-content-article h4{color:var(--ts-ink-strong);font-family:var(--ts-serif);font-weight:600;letter-spacing:-.03em;text-transform:none} body.temply-subpage-system .ts-content-article h2{margin:38px 0 13px;font-size:30px;line-height:1.1} body.temply-subpage-system .ts-content-article h3{margin:30px 0 11px;font-size:23px;line-height:1.15} body.temply-subpage-system .ts-content-article h2:first-child, body.temply-subpage-system .ts-content-article h3:first-child{margin-top:0} body.temply-subpage-system .ts-content-article p, body.temply-subpage-system .ts-content-article li{font-size:16px;line-height:1.75} body.temply-subpage-system .ts-content-article p{margin:0 0 16px} body.temply-subpage-system .ts-content-article ul, body.temply-subpage-system .ts-content-article ol{margin:14px 0 22px;padding:16px 18px 16px 38px;border:1px solid rgba(92,69,54,.08);border-radius:14px;background:#fbf3eb} body.temply-subpage-system .ts-content-article a{color:#95583f;font-weight:700;text-underline-offset:3px} body.temply-subpage-system .ts-content-routes{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} body.temply-subpage-system .ts-content-routes>a{position:relative;min-height:145px;padding:22px;display:flex;flex-direction:column;border:1px solid var(--ts-line);border-radius:17px;background:#fffaf4;color:#55483f;text-decoration:none;box-shadow:0 9px 24px rgba(86,61,44,.04)} body.temply-subpage-system .ts-content-routes>a>span{margin-bottom:10px;color:#b16d49;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase} body.temply-subpage-system .ts-content-routes strong{color:var(--ts-ink-strong);font-family:var(--ts-serif);font-size:22px;font-weight:600;line-height:1.08} body.temply-subpage-system .ts-content-routes small{max-width:360px;margin-top:8px;color:#786960;font-size:11px;line-height:1.45} body.temply-subpage-system .ts-content-routes i{position:absolute;right:20px;top:20px;color:#a56743;font-style:normal} /* GDPR page: preserve the rich Gutenberg content rather than constraining it to page.php's old 800px column. */ body.temply-subpage-system .ts-gdpr-page__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} body.temply-subpage-system .ts-gdpr-button{min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ts-line);border-radius:11px;background:#fffdf9;color:#57483f;font-size:12px;font-weight:800;text-decoration:none} body.temply-subpage-system .ts-gdpr-button--primary{border-color:#eda33e;background:#f4a83f;color:#382b24} body.temply-subpage-system .ts-gdpr-content{margin-top:18px;overflow:hidden;border:1px solid var(--ts-line);border-radius:24px;background:#fffdf9;box-shadow:0 10px 30px rgba(86,61,44,.045)} body.temply-subpage-system .ts-gdpr-content>.alignfull{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} body.temply-subpage-system .ts-gdpr-content>.alignwide, body.temply-subpage-system .ts-gdpr-content .alignwide{width:min(calc(100% - 64px),1200px)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important} body.temply-subpage-system .ts-gdpr-content .wp-block-group__inner-container{max-width:1200px;margin-inline:auto} body.temply-subpage-system .ts-gdpr-content h2, body.temply-subpage-system .ts-gdpr-content h3{font-family:var(--ts-serif);color:inherit;letter-spacing:-.025em} body.temply-subpage-system .ts-gdpr-content p, body.temply-subpage-system .ts-gdpr-content li{font-size:16px;line-height:1.7} body.temply-subpage-system .ts-gdpr-content .wp-block-details{margin:8px 0;padding:16px 18px;border:1px solid var(--ts-line);border-radius:13px;background:#fffaf4} body.temply-subpage-system .ts-gdpr-content .wp-block-details summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700} /* Compact shared footer on wide subpages: remove the stretched white canvas seen on policy/support pages. */ @media(min-width:1024px){ body.temply-subpage-system .ts-footer-v4__shell{padding:20px 24px!important} body.temply-subpage-system .ts-footer-v4__main{grid-template-columns:minmax(300px,.78fr) minmax(0,2.22fr)!important;gap:24px!important;align-items:start!important} body.temply-subpage-system .ts-footer-v4__brand{align-self:start!important;padding:17px 18px!important} body.temply-subpage-system .ts-footer-v4__brand h2{display:none!important} body.temply-subpage-system .ts-footer-v4__brand-copy{max-width:380px!important;margin:8px 0 10px!important;font-size:11px!important;line-height:1.45!important} body.temply-subpage-system .ts-footer-v4__brand-actions{gap:5px!important} body.temply-subpage-system .ts-footer-v4__button{min-height:34px!important;padding:7px 10px!important;font-size:9px!important} body.temply-subpage-system .ts-footer-v4__socials{margin-top:8px!important;gap:5px!important} body.temply-subpage-system .ts-footer-v4__socials a{min-height:28px!important;padding:5px 8px!important;font-size:8px!important} body.temply-subpage-system .ts-footer-v4__nav-grid{padding:10px 8px 8px!important;gap:22px!important;align-content:start!important} body.temply-subpage-system .ts-footer-v4__column ul{gap:6px!important} body.temply-subpage-system .ts-footer-v4__column a{font-size:12px!important} body.temply-subpage-system .ts-footer-v4__utility{padding:9px 24px!important} body.temply-subpage-system .ts-footer-v4__utility-item{min-height:48px!important} body.temply-subpage-system .ts-footer-v4__bottom-inner{padding:10px 24px 12px!important} } @media(max-width:1023px){ body.temply-subpage-system .ts-content-layout--policy{grid-template-columns:1fr} body.temply-subpage-system .ts-content-guide{position:relative;top:auto} body.temply-subpage-system .ts-content-routes{grid-template-columns:1fr 1fr} body.temply-subpage-system .ts-content-routes>a:last-child{grid-column:1/-1} } @media(max-width:767px){ body.temply-subpage-system .ts-content-page,body.temply-subpage-system .ts-gdpr-page{padding-top:5px} body.temply-subpage-system .ts-content-hero,body.temply-subpage-system .ts-content-layout,body.temply-subpage-system .ts-content-routes,body.temply-subpage-system .ts-gdpr-page__header,body.temply-subpage-system .ts-gdpr-content{width:calc(100% - 24px)} body.temply-subpage-system .ts-content-hero,body.temply-subpage-system .ts-gdpr-page__header{padding:26px 18px;border-radius:19px} body.temply-subpage-system .ts-content-breadcrumb{margin-bottom:18px;font-size:8px} body.temply-subpage-system .ts-content-hero h1,body.temply-subpage-system .ts-gdpr-page__header h1{font-size:38px;line-height:.98} body.temply-subpage-system .ts-content-deck,body.temply-subpage-system .ts-gdpr-page__header>p:not(.ts-content-eyebrow){margin-top:14px;font-size:14px;line-height:1.55} body.temply-subpage-system .ts-content-layout{margin-top:12px} body.temply-subpage-system .ts-content-guide{padding:18px;border-radius:14px} body.temply-subpage-system .ts-content-guide h2{font-size:24px} body.temply-subpage-system .ts-content-article{padding:24px 18px;border-radius:17px;font-size:15px;line-height:1.68} body.temply-subpage-system .ts-content-article h2{margin-top:28px;font-size:24px;line-height:1.12} body.temply-subpage-system .ts-content-article h3{font-size:20px} body.temply-subpage-system .ts-content-article p,body.temply-subpage-system .ts-content-article li{font-size:15px;line-height:1.68} body.temply-subpage-system .ts-content-routes{margin-top:12px;grid-template-columns:1fr;gap:7px} body.temply-subpage-system .ts-content-routes>a,body.temply-subpage-system .ts-content-routes>a:last-child{grid-column:auto;min-height:112px;padding:17px} body.temply-subpage-system .ts-content-routes strong{font-size:19px} body.temply-subpage-system .ts-gdpr-page__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:17px} body.temply-subpage-system .ts-gdpr-button{padding:8px;font-size:9px;text-align:center} body.temply-subpage-system .ts-gdpr-content{border-radius:18px} body.temply-subpage-system .ts-gdpr-content>.alignwide,body.temply-subpage-system .ts-gdpr-content .alignwide{width:calc(100% - 24px)!important} body.temply-subpage-system .ts-gdpr-content .wp-block-group[style*="padding"]{padding-left:18px!important;padding-right:18px!important} body.temply-subpage-system .ts-gdpr-content p,body.temply-subpage-system .ts-gdpr-content li{font-size:15px;line-height:1.65} } /* ========================================================================== Canonical Header V2 — match the approved homepage header across all non-home routes. This block intentionally has higher specificity than legacy template/header rules so Shop/product/content pages cannot drift. ========================================================================= */ body.temply-subpage-system{ --temply-sticky-header-offset:102px; } body.temply-subpage-system header.temply-shared-header{ position:sticky!important; top:0!important; z-index:1200!important; min-height:102px!important; padding:14px 0 6px!important; border:0!important; background:linear-gradient(180deg,rgba(251,247,242,.98) 0%,rgba(251,247,242,.92) 76%,rgba(251,247,242,0) 100%)!important; box-shadow:none!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; isolation:isolate!important; } body.temply-subpage-system header.temply-shared-header .ds-header-inner{ width:min(calc(100% - 72px),1600px)!important; max-width:1600px!important; min-height:82px!important; height:82px!important; margin-inline:auto!important; padding:9px 14px 9px 16px!important; display:grid!important; grid-template-columns:250px minmax(430px,1fr) 344px!important; align-items:center!important; gap:16px!important; border:1px solid rgba(91,66,50,.10)!important; border-radius:24px!important; background:rgba(255,250,244,.97)!important; box-shadow:0 11px 32px rgba(82,58,43,.07)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-link{ justify-self:start!important; width:auto!important; height:56px!important; min-height:56px!important; min-width:0!important; padding:0!important; display:flex!important; align-items:center!important; gap:11px!important; border-radius:0!important; color:#382b24!important; text-decoration:none!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-mark{ width:35px!important; height:39px!important; flex:0 0 35px!important; border-radius:18px 18px 11px 11px!important; background:linear-gradient(145deg,#ffb338,#ef8f22)!important; box-shadow:0 8px 20px rgba(225,136,31,.22)!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-mark-cut{ width:20px!important; height:11px!important; background:#fffdf9!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-words{ min-width:0!important; display:grid!important; gap:2px!important; align-content:center!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-main{ color:#382b24!important; font-size:24px!important; font-weight:800!important; line-height:24px!important; letter-spacing:-1.08px!important; white-space:nowrap!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-sub{ max-width:180px!important; margin:0 0 0 2px!important; overflow:hidden!important; color:#8e7f74!important; font-size:10px!important; font-weight:600!important; line-height:13.5px!important; letter-spacing:.2px!important; text-transform:none!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.temply-subpage-system header.temply-shared-header .temply-header-center{ min-width:0!important; width:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; } body.temply-subpage-system header.temply-shared-header .ds-nav{ position:relative!important; justify-self:center!important; width:100%!important; display:block!important; padding:5px!important; margin:0!important; border:1px solid rgba(112,79,58,.08)!important; border-radius:16px!important; background:rgba(246,236,226,.92)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list{ display:flex!important; align-items:center!important; justify-content:center!important; gap:2px!important; margin:0!important; padding:4px!important; list-style:none!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li{ position:relative!important; margin:0!important; padding:0!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a{ position:relative!important; min-height:42px!important; padding:10px 13px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; border-radius:12px!important; background:transparent!important; color:#4d463f!important; font-size:12px!important; font-weight:750!important; line-height:1!important; letter-spacing:-.015em!important; text-decoration:none!important; white-space:nowrap!important; box-shadow:none!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current-menu-item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_parent>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a[aria-current="page"]{ color:#84482f!important; background:#fffaf5!important; box-shadow:0 5px 14px rgba(98,67,48,.10)!important; } @media(hover:hover) and (pointer:fine){ body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li:not(.current-menu-item):not(.current_page_item):not(.current_page_parent)>a:hover{ color:#713b00!important; background:rgba(255,253,249,.72)!important; } } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children>a::after{ content:"⌄"!important; margin-left:1px!important; color:#8b8178!important; font-size:11px!important; line-height:1!important; transform:translateY(-1px)!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children:focus-within>a::after, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children.is-open>a::after{ color:#8a4500!important; transform:translateY(1px) rotate(180deg)!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children>.sub-menu{ position:absolute!important; top:calc(100% + 14px)!important; left:50%!important; right:auto!important; z-index:1400!important; display:block!important; min-width:360px!important; margin:0!important; padding:12px!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; border:1px solid rgba(55,44,34,.09)!important; border-radius:20px!important; background:rgba(255,253,249,.985)!important; box-shadow:0 28px 80px rgba(40,29,20,.16),0 3px 12px rgba(40,29,20,.055)!important; transform:translateX(-50%) translateY(-6px)!important; transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important; backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children>.sub-menu::before{ content:""!important; position:absolute!important; top:-18px!important; left:0!important; width:100%!important; height:18px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children:hover>.sub-menu, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children:focus-within>.sub-menu, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children.is-open>.sub-menu{ visibility:visible!important; opacity:1!important; pointer-events:auto!important; transform:translateX(-50%) translateY(0)!important; transition-delay:0s!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .sub-menu>li{ margin:2px 0!important; padding:0!important; list-style:none!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .sub-menu>li>a{ min-height:48px!important; padding:10px 12px 10px 14px!important; display:flex!important; align-items:center!important; color:#332d27!important; border-radius:13px!important; background:transparent!important; font-size:13px!important; font-weight:720!important; text-decoration:none!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .sub-menu>li>a:hover, body.temply-subpage-system header.temply-shared-header .ds-nav .sub-menu>li>a:focus-visible{ color:#6f3900!important; background:#f8f1e7!important; } body.temply-subpage-system header.temply-shared-header .ds-header-actions{ justify-self:end!important; min-width:0!important; width:100%!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; margin:0!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search{ position:relative!important; width:244px!important; height:42px!important; min-height:42px!important; flex:0 1 244px!important; padding:0 6px 0 13px!important; display:flex!important; align-items:center!important; gap:7px!important; overflow:visible!important; border:1px solid rgba(91,67,52,.10)!important; border-radius:12px!important; background:rgba(255,253,249,.82)!important; box-shadow:none!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search::before{content:none!important;display:none!important} body.temply-subpage-system header.temply-shared-header .temply-header-search-label{ display:block!important; flex:0 0 auto!important; color:#a39388!important; font-size:7px!important; font-weight:800!important; line-height:1!important; letter-spacing:.98px!important; text-transform:uppercase!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search .search-field{ min-width:0!important; width:100%!important; flex:1 1 auto!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important; color:#554840!important; font-size:13px!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search .ds-search-submit{ width:34px!important; height:32px!important; min-width:34px!important; min-height:32px!important; flex:0 0 34px!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:0!important; border-radius:11px!important; background:rgba(255,253,249,.72)!important; color:#4b3e37!important; box-shadow:none!important; } body.temply-subpage-system header.temply-shared-header .ds-hdr-icon{ position:relative!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; flex:0 0 42px!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; border:1px solid rgba(91,67,52,.08)!important; border-radius:11px!important; background:rgba(255,253,249,.72)!important; color:#4b3e37!important; box-shadow:none!important; } body.temply-subpage-system header.temply-shared-header .ds-hamburger{ display:none!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; flex:0 0 42px!important; padding:0!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; border:1px solid rgba(91,67,52,.08)!important; border-radius:11px!important; background:rgba(255,253,249,.72)!important; color:#4b3e37!important; } body.temply-subpage-system header.temply-shared-header .ds-hamburger>span{ display:block!important; width:18px!important; height:2px!important; flex:0 0 2px!important; border-radius:999px!important; background:currentColor!important; } body.temply-subpage-system header.temply-shared-header .cart-count{ top:-5px!important; right:-5px!important; min-width:20px!important; height:20px!important; padding:0 5px!important; display:grid!important; place-items:center!important; border:2px solid #fffdf9!important; border-radius:999px!important; background:#b86600!important; color:#fff!important; font-size:9px!important; font-weight:850!important; line-height:16px!important; box-shadow:0 4px 10px rgba(132,67,0,.2)!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search svg, body.temply-subpage-system header.temply-shared-header .ds-hdr-icon svg{display:block!important;pointer-events:none!important} /* Desktop compression mirrors the homepage at medium widths. */ @media(max-width:1279px) and (min-width:1024px){ body.temply-subpage-system{--temply-sticky-header-offset:94px} body.temply-subpage-system header.temply-shared-header{min-height:94px!important} body.temply-subpage-system header.temply-shared-header .ds-header-inner{ width:min(calc(100% - 48px),1172px)!important; min-height:74px!important; height:74px!important; padding:8px 12px 8px 14px!important; grid-template-columns:236px minmax(360px,1fr) 326px!important; gap:18px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav{ width:auto!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list{gap:18px!important;padding:0!important} body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a{ min-height:38px!important; padding:0 3px!important; border-radius:8px!important; background:transparent!important; box-shadow:none!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current-menu-item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_parent>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a[aria-current="page"]{color:#84482f!important;background:transparent!important;box-shadow:none!important} body.temply-subpage-system header.temply-shared-header .ds-header-search{width:228px!important;flex-basis:228px!important} body.temply-subpage-system header.temply-shared-header .ds-hdr-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important} } @media(max-width:1199px) and (min-width:1024px){ body.temply-subpage-system header.temply-shared-header .ds-header-inner{ width:min(calc(100% - 48px),980px)!important; grid-template-columns:188px minmax(300px,1fr) 290px!important; gap:12px!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-main{font-size:23px!important} body.temply-subpage-system header.temply-shared-header .ds-logo-sub{font-size:9px!important} body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list{gap:12px!important} body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a{font-size:12px!important;padding-inline:2px!important} body.temply-subpage-system header.temply-shared-header .ds-header-search{width:195px!important;flex-basis:195px!important} } /* Tablet/mobile header + drawer. */ @media(max-width:1023px){ body.temply-subpage-system{--temply-sticky-header-offset:89px} body.temply-subpage-system header.temply-shared-header{ min-height:89px!important; padding:10px 0 5px!important; } body.temply-subpage-system header.temply-shared-header .ds-header-inner{ width:min(calc(100% - 32px),724px)!important; max-width:724px!important; min-height:74px!important; height:74px!important; padding:8px 12px 8px 14px!important; display:flex!important; align-items:center!important; gap:16px!important; border-radius:20px!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-link{margin-right:auto!important} body.temply-subpage-system header.temply-shared-header .temply-header-center, body.temply-subpage-system header.temply-shared-header .ds-nav, body.temply-subpage-system header.temply-shared-header .ds-header-search, body.temply-subpage-system header.temply-shared-header .ds-account-btn{display:none!important} body.temply-subpage-system header.temply-shared-header .ds-header-actions{ width:auto!important; margin-left:auto!important; gap:7px!important; } body.temply-subpage-system header.temply-shared-header .ds-cart-icon, body.temply-subpage-system header.temply-shared-header .ds-hamburger{ display:inline-flex!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; flex-basis:44px!important; border-radius:12px!important; } body.temply-subpage-system .ds-mobile-nav{ position:fixed!important; top:0!important; right:0!important; left:auto!important; z-index:9999!important; width:92vw!important; max-width:430px!important; height:100dvh!important; min-height:100vh!important; margin:0!important; padding:28px 26px 34px!important; display:block!important; overflow-y:auto!important; color:#382b24!important; border-left:1px solid rgba(62,49,37,.08)!important; border-radius:24px 0 0 24px!important; background:#fffdf9!important; box-shadow:-24px 0 70px rgba(41,29,19,.18)!important; transform:translateX(110%)!important; transition:transform .3s ease!important; } body.temply-subpage-system .ds-mobile-nav.open{transform:translateX(0)!important} body.temply-subpage-system .ds-mobile-overlay{ display:none!important; position:fixed!important; inset:0!important; z-index:9998!important; background:rgba(30,24,20,.38)!important; backdrop-filter:blur(3px)!important; } body.temply-subpage-system .ds-mobile-overlay.open{display:block!important} body.temply-subpage-system .ds-mobile-nav-close{ position:absolute!important; top:18px!important; right:18px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:1px solid rgba(62,49,37,.09)!important; border-radius:14px!important; background:#f7f1e8!important; color:#332d27!important; font-size:23px!important; line-height:1!important; } body.temply-subpage-system .ds-mobile-nav>.ds-logo-link{ width:max-content!important; height:56px!important; margin:0 0 18px!important; display:flex!important; } body.temply-subpage-system .ds-mobile-nav .ds-logo-mark{width:34px!important;height:38px!important;flex-basis:34px!important;border-radius:12px 20px 14px 8px!important} body.temply-subpage-system .ds-mobile-nav .ds-logo-main{font-size:24px!important} body.temply-subpage-system .ds-mobile-nav .ds-logo-sub{font-size:9px!important} body.temply-subpage-system .ds-mobile-search{ min-height:50px!important; margin:8px 0 24px!important; padding:0 8px 0 15px!important; display:flex!important; align-items:center!important; gap:8px!important; overflow:hidden!important; border:1px solid rgba(62,49,37,.10)!important; border-radius:15px!important; background:#f7f2ea!important; } body.temply-subpage-system .ds-mobile-search input{min-width:0!important;flex:1!important;padding:0!important;border:0!important;background:transparent!important;color:#382b24!important;font-size:14px!important;outline:0!important} body.temply-subpage-system .ds-mobile-search .ds-search-submit{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:10px!important;background:#fffdf9!important;color:#3d3731!important} body.temply-subpage-system .ds-mobile-nav-list{margin:0!important;padding:0!important;list-style:none!important} body.temply-subpage-system .ds-mobile-nav-list>li{border:0!important} body.temply-subpage-system .ds-mobile-nav-list>li>a{min-height:52px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:12px!important;color:#302a25!important;font-size:16px!important;font-weight:760!important;text-decoration:none!important} body.temply-subpage-system .ds-mobile-nav-list>li.current-menu-item>a, body.temply-subpage-system .ds-mobile-nav-list>li.current_page_item>a{color:#713b00!important;background:#f7efe4!important} body.temply-subpage-system .ds-mobile-nav-list .sub-menu{margin:4px 0 10px 10px!important;padding:4px 0 4px 14px!important;display:block!important;border-left:1px solid rgba(184,102,0,.22)!important;list-style:none!important} body.temply-subpage-system .ds-mobile-nav-list .sub-menu a{min-height:44px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;border-radius:10px!important;color:#5f574f!important;font-size:13px!important;font-weight:680!important;text-decoration:none!important} } @media(max-width:700px){ body.temply-subpage-system{--temply-sticky-header-offset:88px} body.temply-subpage-system header.temply-shared-header{ min-height:88px!important; padding:7px 0 4px!important; } body.temply-subpage-system header.temply-shared-header .ds-header-inner{ width:calc(100% - 16px)!important; max-width:none!important; min-height:64px!important; height:64px!important; padding:5px 8px 5px 10px!important; gap:8px!important; border-radius:17px!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-link{height:54px!important;min-height:54px!important;gap:8px!important} body.temply-subpage-system header.temply-shared-header .ds-logo-mark{width:33px!important;height:36px!important;flex-basis:33px!important;border-radius:15px 15px 9px 9px!important} body.temply-subpage-system header.temply-shared-header .ds-logo-mark-cut{width:19px!important;height:10px!important} body.temply-subpage-system header.temply-shared-header .ds-logo-main{font-size:17px!important;line-height:1!important;letter-spacing:-.045em!important} body.temply-subpage-system header.temply-shared-header .ds-logo-sub{max-width:145px!important;font-size:6.5px!important;line-height:1.3!important} body.temply-subpage-system header.temply-shared-header .ds-header-actions{gap:7px!important} } /* Canonical Header V2 — neutralize legacy negative icon margins at mobile/tablet. */ @media(max-width:1023px){ body.temply-subpage-system header.temply-shared-header .ds-cart-icon, body.temply-subpage-system header.temply-shared-header .ds-hamburger{ margin:0!important; } } /* Canonical Header V2 — keep the cart button inside the shared action row at every breakpoint. */ body.temply-subpage-system header.temply-shared-header .ds-cart-icon{ margin:0!important; } /* Canonical Header V2 — medium desktop must keep the same nav rhythm as Home. */ @media(max-width:1279px) and (min-width:1024px){ body.temply-subpage-system header.temply-shared-header .ds-header-actions{ gap:7px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list{ gap:4px!important; padding:4px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a{ min-height:38px!important; padding:10px 14px!important; border-radius:11px!important; font-size:13px!important; font-weight:700!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current-menu-item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_parent>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a[aria-current="page"]{ color:#985b3f!important; background:#f5e8dc!important; box-shadow:none!important; } } /* Canonical Header V2 — exact Home surfaces and brand sizing on medium desktop. */ @media(max-width:1279px) and (min-width:1024px){ body.temply-subpage-system header.temply-shared-header .ds-header-inner{ border-color:rgba(92,68,52,.08)!important; background:rgba(255,249,242,.96)!important; box-shadow:0 9px 28px rgba(82,58,43,.055)!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-main{ font-size:24px!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-sub{ font-size:10px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list{ border-radius:999px!important; background:rgba(239,231,221,.62)!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search{ padding:0 6px 0 12px!important; border-color:rgba(91,67,52,.08)!important; background:rgba(255,253,249,.64)!important; } } /* Canonical Header V2 — Home uses a subtle inner nav pill on wide desktop. */ @media(min-width:1280px){ body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list{ border-radius:999px!important; background:rgba(239,231,221,.62)!important; } } /* Canonical Header V2 — force Shop's legacy inline mobile drawer to the shared geometry. */ @media(max-width:1023px){ body.temply-subpage-system #ds-mobile-nav{ right:0!important; left:auto!important; width:92vw!important; max-width:430px!important; padding:28px 26px 34px!important; border-radius:24px 0 0 24px!important; } body.temply-subpage-system #ds-mobile-nav .ds-mobile-nav-close{ top:18px!important; right:18px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important; border:1px solid rgba(62,49,37,.09)!important; border-radius:14px!important; background:#f7f1e8!important; color:#332d27!important; font-size:23px!important; line-height:1!important; } } /* ========================================================================== Canonical Header Home Parity V3 — exact Home nav/dropdown behavior. Keeps server-rendered/shared headers and legacy Shop shell visually aligned with the React Home header without changing page content below the header. ========================================================================= */ body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children>a::after{ content:none!important; display:none!important; } body.temply-subpage-system header.temply-shared-header .temply-nav-chevron{ margin-left:1px!important; color:#8b8178!important; font-size:12px!important; line-height:1!important; transform:translateY(-1px)!important; transition:transform .16s ease,color .16s ease!important; } body.temply-subpage-system header.temply-shared-header .menu-item-has-children:is(.is-open,.is-expanded):not(.ds-mobile-nav-list *)>.temply-nav-chevron, body.temply-subpage-system header.temply-shared-header .menu-item-has-children:is(.is-open,.is-expanded)>a>.temply-nav-chevron, body.temply-subpage-system header.temply-shared-header .menu-item-has-children:focus-within>a>.temply-nav-chevron{ color:#8a4500!important; transform:translateY(1px) rotate(180deg)!important; } /* The hover bridge must remain a transparent rectangle. main.css also owns a 12px diamond arrow on this pseudo-element; without these resets the shared 100%-wide bridge becomes the large white 45-degree stripe seen on Blog. */ body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children>.sub-menu::before{ top:-18px!important; left:0!important; width:100%!important; height:18px!important; background:transparent!important; border:0!important; transform:none!important; transform-origin:center!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search .search-field{ font-family:Poppins,ui-sans-serif,system-ui,-apple-system,"system-ui","Segoe UI",sans-serif!important; font-size:11.5px!important; font-weight:550!important; line-height:1.5!important; } body.temply-subpage-system header.temply-shared-header .temply-header-search-label{ line-height:1.5!important; } /* Home dropdown shell and content. */ @media(min-width:1024px){ body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children>.sub-menu{ top:calc(100% + 10px)!important; width:340px!important; min-width:340px!important; max-width:340px!important; padding:10px!important; border:1px solid rgba(80,58,45,.10)!important; border-radius:17px!important; background:#fffdf9!important; box-shadow:0 22px 60px rgba(68,46,33,.14)!important; transform:translateX(-50%) translateY(-6px)!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children:hover>.sub-menu, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children:focus-within>.sub-menu, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children.is-open>.sub-menu, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children.is-expanded>.sub-menu{ transform:translateX(-50%) translateY(0)!important; } body.temply-subpage-system header.temply-shared-header .temply-nav-submenu__intro{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:18px!important; margin:1px 3px 8px!important; padding:8px 10px 12px!important; border-bottom:1px solid rgba(55,44,34,.08)!important; } body.temply-subpage-system header.temply-shared-header .temply-nav-submenu__intro>span{ color:#201c18!important; font-size:12px!important; font-weight:800!important; letter-spacing:.01em!important; text-transform:uppercase!important; } body.temply-subpage-system header.temply-shared-header .temply-nav-submenu__intro>small{ color:#8d837a!important; font-size:10px!important; font-weight:650!important; white-space:nowrap!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .temply-react-nav-submenu>li:not(.temply-nav-submenu__intro){ margin:2px 0!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .temply-react-nav-submenu>li:not(.temply-nav-submenu__intro)>a{ min-height:52px!important; padding:10px 12px 10px 14px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; border-radius:11px!important; color:#332d27!important; background:transparent!important; font-size:13px!important; font-weight:720!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .temply-react-nav-submenu>li:not(.temply-nav-submenu__intro)>a:hover, body.temply-subpage-system header.temply-shared-header .ds-nav .temply-react-nav-submenu>li:not(.temply-nav-submenu__intro)>a:focus-visible{ color:#6f3900!important; background:#f8f1e7!important; } } body.temply-subpage-system header.temply-shared-header .temply-nav-count{ min-width:30px!important; min-height:26px!important; padding:0 8px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; color:#796e63!important; border:1px solid rgba(69,55,42,.07)!important; border-radius:999px!important; background:#f2ede6!important; font-size:10px!important; font-weight:800!important; font-variant-numeric:tabular-nums!important; } /* Wide desktop: Home caps the nav island at 720px and shares its width evenly across the five primary items. */ @media(min-width:1280px){ body.temply-subpage-system header.temply-shared-header .ds-logo-words{ width:170px!important; max-width:170px!important; } body.temply-subpage-system header.temply-shared-header .ds-logo-sub{ width:168px!important; max-width:168px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav{ width:min(100%,720px)!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list{ width:100%!important; justify-content:space-between!important; gap:2px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li{ min-width:0!important; flex:1 1 0!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a{ width:100%!important; min-width:0!important; min-height:42px!important; padding:10px 13px!important; justify-content:center!important; border:1px solid transparent!important; border-radius:12px!important; color:#58483f!important; font-size:12px!important; font-weight:750!important; line-height:1!important; letter-spacing:-.01em!important; } body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current-menu-item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_item>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li.current_page_parent>a, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a.is-active, body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>li>a[aria-current="page"]{ color:#84482f!important; background:#fffaf5!important; border-color:rgba(181,104,60,.16)!important; box-shadow:0 5px 14px rgba(98,67,48,.10)!important; } } /* Canonical Header Home Parity V3.1 — final metric overrides against legacy main.css. */ @media(min-width:1024px){ body.temply-subpage-system header.temply-shared-header .ds-logo-mark{ width:38px!important; height:42px!important; flex:0 0 38px!important; transform:scale(.92)!important; transform-origin:center!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .temply-react-nav-submenu>li.temply-nav-submenu__intro{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:18px!important; margin:1px 3px 8px!important; padding:8px 10px 12px!important; border-bottom:1px solid rgba(55,44,34,.08)!important; } body.temply-subpage-system header.temply-shared-header .temply-header-search-label{ width:20.515625px!important; min-width:20.515625px!important; flex:0 0 20.515625px!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search .search-field{ flex:1 1 0%!important; } body.temply-subpage-system header.temply-shared-header .ds-header-search .ds-search-submit{ margin:0!important; } } /* Canonical Header Home Parity V3.2 — normalize dropdown intro line box to Home. */ @media(min-width:1024px){ body.temply-subpage-system header.temply-shared-header .ds-nav .temply-nav-submenu__intro>span{ line-height:18px!important; } body.temply-subpage-system header.temply-shared-header .ds-nav .temply-nav-submenu__intro>small{ line-height:15px!important; } } /* Mobile Footer Readability V1 — 16px navigation/body text + centered mobile composition. */ @media (max-width:767px){ body.temply-subpage-system .ts-footer-v4__shell{ padding:24px 18px 20px!important; } body.temply-subpage-system .ts-footer-v4__brand{ padding:0 0 22px!important; display:flex!important; flex-direction:column!important; align-items:center!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__logo{ justify-content:center!important; font-size:24px!important; } body.temply-subpage-system .ts-footer-v4__eyebrow{ margin:14px 0 8px!important; font-size:12px!important; line-height:1.35!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__brand-copy{ max-width:330px!important; margin:10px auto 16px!important; font-size:16px!important; line-height:1.55!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__brand-actions, body.temply-subpage-system .ts-footer-v4__socials{ width:100%!important; justify-content:center!important; } body.temply-subpage-system .ts-footer-v4__button, body.temply-subpage-system .ts-footer-v4__socials a{ min-height:44px!important; padding:10px 14px!important; font-size:16px!important; line-height:1.25!important; } body.temply-subpage-system .ts-footer-v4__nav-grid{ grid-template-columns:1fr!important; gap:24px!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__column{ width:100%!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__column h2{ margin:0 0 12px!important; font-size:13px!important; line-height:1.35!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__column ul{ gap:10px!important; justify-items:center!important; } body.temply-subpage-system .ts-footer-v4__column a{ display:inline-block!important; font-size:16px!important; line-height:1.5!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__utility{ padding:14px 16px!important; grid-template-columns:1fr!important; gap:10px!important; } body.temply-subpage-system .ts-footer-v4__utility-item{ min-height:88px!important; padding:12px 14px!important; grid-template-columns:1fr!important; justify-items:center!important; gap:7px!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__utility-icon{ width:36px!important; height:36px!important; } body.temply-subpage-system .ts-footer-v4__utility-item strong{ font-size:16px!important; line-height:1.25!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__utility-item small{ font-size:14px!important; line-height:1.35!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__bottom-inner{ padding:14px 16px 18px!important; gap:8px!important; text-align:center!important; } body.temply-subpage-system .ts-footer-v4__bottom-links{ flex-wrap:wrap!important; justify-content:center!important; gap:12px 16px!important; } body.temply-subpage-system .ts-footer-v4__bottom a, body.temply-subpage-system .ts-footer-v4__bottom p{ font-size:14px!important; line-height:1.45!important; text-align:center!important; } } /* ========================================================================== Article P3 — cohesive reading surface + crisp shared sticky header. The header deliberately uses opaque surfaces here: the previous nested backdrop blur made text/content underneath look hazy while scrolling. ========================================================================= */ html body.temply-subpage-system header.temply-shared-header{ background:#fbf7f0!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html body.temply-subpage-system header.temply-shared-header .ds-header-inner{ background:#fffaf4!important; box-shadow:0 7px 20px rgba(82,58,43,.055)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html body.temply-subpage-system header.temply-shared-header .ds-nav{ background:#f6ece2!important; } html body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list, html body.temply-subpage-system header.temply-shared-header .ds-header-search, html body.temply-subpage-system header.temply-shared-header .ds-header-search .ds-search-submit, html body.temply-subpage-system header.temply-shared-header .ds-hdr-icon, html body.temply-subpage-system header.temply-shared-header .ds-hamburger{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html body.temply-subpage-system header.temply-shared-header .ds-header-search, html body.temply-subpage-system header.temply-shared-header .ds-header-search .ds-search-submit, html body.temply-subpage-system header.temply-shared-header .ds-hdr-icon, html body.temply-subpage-system header.temply-shared-header .ds-hamburger{ background:#fffdf9!important; } html body.temply-subpage-system header.temply-shared-header .ds-nav>.nav-list>.menu-item-has-children>.sub-menu{ background:#fffdf9!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html body.temply-subpage-system.single-post .z-article-layout-wrapper{ width:min(calc(100% - 48px),1180px)!important; max-width:1180px!important; margin-inline:auto!important; padding:0!important; grid-template-columns:248px minmax(0,1fr)!important; gap:28px!important; } html body.temply-subpage-system.single-post .z-article-sidebar-col{ top:calc(var(--temply-sticky-header-offset,102px) + 16px)!important; } html body.temply-subpage-system.single-post .z-new-toc-container{ padding:20px!important; border:1px solid rgba(92,69,54,.10)!important; border-radius:20px!important; background:#fffaf4!important; box-shadow:0 10px 26px rgba(86,61,44,.045)!important; } html body.temply-subpage-system.single-post #z-post-content{ max-width:none!important; margin:0!important; padding:42px 46px 44px!important; border:1px solid rgba(92,69,54,.10)!important; border-radius:24px!important; background:#fffdf9!important; box-shadow:0 12px 30px rgba(86,61,44,.05)!important; color:#51463f!important; font-family:var(--ts-sans)!important; font-size:16px!important; font-weight:400!important; line-height:1.7!important; } html body.temply-subpage-system.single-post #z-post-content>p, html body.temply-subpage-system.single-post #z-post-content li{ color:#51463f!important; font-size:16px!important; font-weight:400!important; line-height:1.7!important; } html body.temply-subpage-system.single-post #z-post-content>p{ margin:0 0 17px!important; } html body.temply-subpage-system.single-post #z-post-content>ul, html body.temply-subpage-system.single-post #z-post-content>ol{ margin:4px 0 24px!important; padding-left:1.45em!important; } html body.temply-subpage-system.single-post #z-post-content li{ margin:0 0 10px!important; padding-left:2px!important; } html body.temply-subpage-system.single-post #z-post-content li:last-child{ margin-bottom:0!important; } html body.temply-subpage-system.single-post #z-post-content>h2, html body.temply-subpage-system.single-post #z-post-content>h3, html body.temply-subpage-system.single-post #z-post-content>h4{ color:var(--ts-ink-strong)!important; font-family:var(--ts-serif)!important; font-weight:600!important; text-transform:none!important; text-wrap:balance; } html body.temply-subpage-system.single-post #z-post-content>h2{ margin:42px 0 15px!important; font-size:34px!important; line-height:1.1!important; letter-spacing:-.035em!important; } html body.temply-subpage-system.single-post #z-post-content>h3{ margin:32px 0 12px!important; font-size:26px!important; line-height:1.14!important; letter-spacing:-.025em!important; } html body.temply-subpage-system.single-post #z-post-content>h4{ margin:26px 0 10px!important; font-size:20px!important; line-height:1.2!important; letter-spacing:-.015em!important; } html body.temply-subpage-system.single-post #z-post-content>:first-child{ margin-top:0!important; } html body.temply-subpage-system.single-post #z-post-content>:last-child{ margin-bottom:0!important; } html body.temply-subpage-system.single-post #z-post-content a:not(.z-blog-cta__btn-primary):not(.z-blog-cta__btn-outline){ color:#8a4500!important; font-weight:600!important; text-decoration-color:rgba(138,69,0,.30)!important; text-decoration-thickness:1px!important; text-underline-offset:3px!important; } html body.temply-subpage-system.single-post #z-post-content blockquote{ margin:28px 0!important; padding:20px 22px!important; border:1px solid rgba(184,102,0,.13)!important; border-left:4px solid #e7a34b!important; border-radius:14px!important; background:#fff8ef!important; color:#5c4d44!important; } html body.temply-subpage-system.single-post #z-post-content>figure, html body.temply-subpage-system.single-post #z-post-content>img{ max-width:100%!important; margin:26px auto 30px!important; } html body.temply-subpage-system.single-post #z-post-content>figure img, html body.temply-subpage-system.single-post #z-post-content>img{ border-radius:16px!important; } html body.temply-subpage-system.single-post .ts-article-explore{ margin-top:16px!important; border-radius:20px!important; box-shadow:0 10px 26px rgba(42,31,24,.08)!important; } @media(max-width:1199px) and (min-width:992px){ html body.temply-subpage-system.single-post .z-article-layout-wrapper{ width:min(calc(100% - 40px),984px)!important; grid-template-columns:220px minmax(0,1fr)!important; gap:24px!important; } html body.temply-subpage-system.single-post #z-post-content{ padding:36px 38px 40px!important; } html body.temply-subpage-system.single-post #z-post-content>h2{font-size:32px!important} html body.temply-subpage-system.single-post #z-post-content>h3{font-size:24px!important} } @media(max-width:991px){ html body.temply-subpage-system.single-post .z-article-layout-wrapper{ width:min(calc(100% - 32px),720px)!important; grid-template-columns:1fr!important; gap:14px!important; } html body.temply-subpage-system.single-post .z-article-sidebar-col{ position:static!important; } html body.temply-subpage-system.single-post .z-new-toc-container{ max-height:420px!important; margin:0!important; overflow:auto!important; } html body.temply-subpage-system.single-post #z-post-content{ padding:34px 34px 38px!important; } } @media(max-width:640px){ html body.temply-subpage-system.single-post .ds-main>.ds-container{ width:calc(100% - 24px)!important; max-width:none!important; margin-inline:auto!important; padding-inline:0!important; overflow:visible!important; } html body.temply-subpage-system.single-post .z-article-layout-wrapper{ width:100%!important; max-width:none!important; gap:12px!important; } html body.temply-subpage-system.single-post .z-new-toc-container{ max-height:340px!important; padding:16px!important; border-radius:18px!important; } html body.temply-subpage-system.single-post #z-post-content{ padding:24px 18px 27px!important; border-radius:20px!important; font-size:16px!important; line-height:1.68!important; } html body.temply-subpage-system.single-post #z-post-content>p, html body.temply-subpage-system.single-post #z-post-content li{ font-size:16px!important; line-height:1.68!important; } html body.temply-subpage-system.single-post #z-post-content>p{ margin-bottom:15px!important; } html body.temply-subpage-system.single-post #z-post-content>ul, html body.temply-subpage-system.single-post #z-post-content>ol{ margin-bottom:20px!important; padding-left:1.35em!important; } html body.temply-subpage-system.single-post #z-post-content li{ margin-bottom:9px!important; } html body.temply-subpage-system.single-post #z-post-content>h2{ margin:34px 0 12px!important; font-size:28px!important; line-height:1.1!important; letter-spacing:-.03em!important; } html body.temply-subpage-system.single-post #z-post-content>h3{ margin:27px 0 10px!important; font-size:23px!important; line-height:1.14!important; } html body.temply-subpage-system.single-post #z-post-content>h4{ margin:23px 0 9px!important; font-size:19px!important; } html body.temply-subpage-system.single-post #z-post-content blockquote{ margin:22px 0!important; padding:17px 16px!important; } html body.temply-subpage-system.single-post .ts-article-explore{ margin-top:12px!important; padding:20px!important; border-radius:18px!important; } } /* ========================================================================== Storefront refinement — 2026-10-02. Product-first Shop, cleaner mobile shell and a more scannable Journal. ========================================================================== */ @media(min-width:768px){ html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-intro{ margin:8px auto 12px!important; padding:18px 22px!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-shell{ min-height:320px!important; grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr)!important; gap:24px!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-copy{ padding:22px 14px!important; } html body.pixio-react-shop-page.temply-subpage-system #temply-archive-title{ margin-bottom:12px!important; font-size:clamp(38px,4.2vw,58px)!important; line-height:1.02!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-description{ max-width:680px!important; margin-bottom:16px!important; font-size:14px!important; line-height:1.58!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-actions{ margin-top:0!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-highlights{ margin-top:16px!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-visual{ min-height:320px!important; height:320px!important; } } @media(max-width:767px){ html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-intro{ margin:4px auto 8px!important; padding:8px!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-copy{ padding:18px 14px 16px!important; } html body.pixio-react-shop-page.temply-subpage-system #temply-archive-title{ margin-bottom:10px!important; font-size:34px!important; line-height:1.04!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-description{ margin-bottom:14px!important; font-size:13.5px!important; line-height:1.55!important; } html body.pixio-react-shop-page.temply-subpage-system .ds-seo-archive-highlights{ display:none!important; } html body.temply-subpage-system header.temply-shared-header .ds-header-inner{ min-height:62px!important; height:62px!important; } html body.temply-subpage-system header.temply-shared-header .ds-logo-link{ min-width:0!important; height:50px!important; min-height:50px!important; } html body.temply-subpage-system header.temply-shared-header .ds-logo-main{ font-size:19px!important; line-height:1!important; } html body.temply-subpage-system header.temply-shared-header .ds-logo-sub{ display:none!important; } html body.temply-subpage-system header.temply-shared-header .ds-cart-icon, html body.temply-subpage-system header.temply-shared-header .ds-hamburger{ width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; flex-basis:44px!important; } html body.temply-subpage-system .ds-mobile-nav{ width:min(92vw,390px)!important; padding:24px 20px 28px!important; } html body.temply-subpage-system .temply-mobile-account-row .ds-btn{ min-height:44px!important; font-size:13px!important; } html body.temply-subpage-system .ts-footer-v4__brand-actions{ width:min(100%,360px)!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } html body.temply-subpage-system .ts-footer-v4__brand-actions .ts-footer-v4__button{ width:100%!important; } html body.temply-subpage-system .ts-footer-v4__utility-item{ min-height:72px!important; } } @media(max-width:430px){ html body.temply-subpage-system .ds-mobile-nav{ width:94vw!important; padding-inline:17px!important; } html body.temply-subpage-system .temply-mobile-account-row{ grid-template-columns:1fr!important; } html body.temply-subpage-system .ts-footer-v4__brand-actions{ grid-template-columns:1fr!important; } } html body.temply-subpage-system:is(.blog,.category) .ts-journal__hero{ padding:46px 0 40px!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__content{ padding-top:28px!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__filters{ position:sticky!important; top:calc(var(--temply-sticky-header-offset, 92px) + 6px)!important; z-index:25!important; margin:0 0 28px!important; padding:8px!important; border:1px solid var(--ts-line)!important; border-radius:14px!important; background:rgba(255,250,244,.96)!important; box-shadow:0 8px 24px rgba(69,48,35,.06)!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__filters a{ min-height:40px!important; display:inline-flex!important; align-items:center!important; border-radius:999px!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal-card{ transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal-card:hover{ transform:translateY(-3px)!important; border-color:rgba(126,91,66,.20)!important; box-shadow:0 16px 34px rgba(75,52,38,.09)!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal-card h2 a:focus-visible, html body.temply-subpage-system:is(.blog,.category) .ts-journal-card .ts-text-link:focus-visible{ outline:3px solid rgba(184,102,0,.32)!important; outline-offset:4px!important; border-radius:4px!important; } @media(min-width:1024px){ html body.temply-subpage-system:is(.blog,.category) .ts-journal__grid>.ts-journal-card:first-child{ grid-column:span 2!important; display:grid!important; grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__grid>.ts-journal-card:first-child .ts-journal-card__media{ min-height:320px!important; height:100%!important; aspect-ratio:auto!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__grid>.ts-journal-card:first-child .ts-journal-card__body{ display:flex!important; flex-direction:column!important; justify-content:center!important; padding:32px!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__grid>.ts-journal-card:first-child h2{ font-size:28px!important; line-height:1.18!important; } } @media(max-width:767px){ html body.temply-subpage-system:is(.blog,.category) .ts-journal__hero{ padding:30px 0 28px!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__intro{ font-size:15px!important; line-height:1.6!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__content{ padding-top:18px!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__filters{ top:calc(var(--temply-sticky-header-offset, 88px) + 3px)!important; margin-inline:-4px!important; margin-bottom:20px!important; padding:6px!important; border-radius:12px!important; } html body.temply-subpage-system:is(.blog,.category) .ts-journal__filters a{ min-height:44px!important; padding-inline:13px!important; font-size:13px!important; } }