.p-footer{--p-footer-fill: rgba(0, 0, 0, .05);--p-footer-fill-hover: rgba(0, 0, 0, .09);padding-block:var(--p-space-8) var(--p-space-6);font-family:var(--p-font-sans);font-size:var(--p-text-caption);line-height:var(--p-lh-caption);letter-spacing:normal;color:var(--p-on-surface-secondary)}.p-footer.p-theme-dark{--p-surface: var(--p-color-bg-inverse-subtle);--p-footer-fill: rgba(255, 255, 255, .08);--p-footer-fill-hover: rgba(255, 255, 255, .14)}.p-footer :where(p,ul,li,a,button,input,summary){font-family:inherit;letter-spacing:inherit;text-transform:none}.p-footer :where(a){color:inherit;text-decoration:none}.p-footer :where(ul){margin:0;padding:0;list-style:none}.p-footer__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--p-space-5) var(--p-space-4);margin-bottom:var(--p-space-7);padding-bottom:var(--p-space-7);border-bottom:1px solid var(--p-color-line)}@media only screen and (min-width:1068px){.p-footer__features{grid-template-columns:repeat(var(--p-footer-features, 4),minmax(0,1fr));gap:var(--p-space-6)}}.p-footer__feature,.p-footer__feature-link{display:flex;align-items:center;gap:var(--p-space-3);min-width:0}.p-footer__feature-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--p-footer-fill);color:var(--p-color-brand)}.p-footer__feature-text{display:flex;flex-direction:column;min-width:0}.p-footer__feature-title{color:var(--p-on-surface);font-weight:var(--p-weight-semibold)}.p-footer__feature-sub{font-size:var(--p-text-micro);line-height:var(--p-lh-micro)}.p-footer__main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--p-space-7)}@media only screen and (min-width:1068px){.p-footer__main{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--p-space-9)}}.p-footer__logo{display:inline-flex}.p-footer__logo-img{display:block;width:var(--p-footer-logo-w, 104px);height:auto}.p-footer--logo-invert.p-theme-dark .p-footer__logo-img{filter:brightness(0) invert(1)}.p-footer__logo-text{color:var(--p-on-surface);font-size:var(--p-text-h3);font-weight:var(--p-weight-semibold);line-height:var(--p-lh-h3);letter-spacing:var(--p-ls-h3)}.p-footer__tagline{margin:var(--p-space-3) 0 0;font-size:var(--p-text-body);line-height:var(--p-lh-body)}.p-footer__newsletter{max-width:420px;margin-top:var(--p-space-6)}.p-footer__heading{margin:0;color:var(--p-on-surface);font-size:var(--p-text-body);font-weight:var(--p-weight-semibold);line-height:var(--p-lh-body)}.p-footer__newsletter-text{margin-top:var(--p-space-1)}.p-footer__newsletter-text p{margin:0;font-size:inherit;line-height:inherit}.p-footer__form{margin-top:var(--p-space-4)}.p-footer__field{position:relative}.p-footer .p-footer__input{width:100%;height:52px;margin:0;padding:0 60px 0 var(--p-space-5);border:1px solid var(--p-color-line);border-radius:var(--p-radius-pill);background:var(--p-footer-fill);box-shadow:none;color:var(--p-on-surface);font-size:var(--p-text-caption);transition:border-color var(--p-duration-fast) var(--p-ease-out)}.p-footer .p-footer__input::placeholder{color:var(--p-on-surface-secondary);opacity:1}.p-footer .p-footer__input:focus{border-color:var(--p-on-surface-secondary);outline:none}.p-footer__submit{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--p-color-brand);color:var(--p-color-on-brand);cursor:pointer;transition:background-color var(--p-duration-fast) var(--p-ease-out)}.p-footer__submit:hover{background:var(--p-color-brand-hover)}.p-footer__submit .p-icon{transition:transform var(--p-duration-fast) var(--p-ease-out)}.p-footer__submit:hover .p-icon{transform:translate(2px)}.p-footer__form-msg{display:flex;align-items:center;gap:var(--p-space-2);margin:var(--p-space-3) 0 0;color:var(--p-on-surface);font-size:var(--p-text-micro);line-height:var(--p-lh-micro)}.p-footer__social{margin-top:var(--p-space-5)}.p-footer__social .social-links{display:flex;flex-wrap:wrap;gap:var(--p-space-2);margin:0;padding:0}.p-footer__social .social-links li{margin:0}.p-footer__social .social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--p-footer-fill);color:var(--p-on-surface);transition:background-color var(--p-duration-fast) var(--p-ease-out)}.p-footer__social .social:hover{background:var(--p-footer-fill-hover)}.p-footer__social .social svg{width:18px;height:18px}.p-footer__social .social svg path{fill:currentColor}.p-footer__nav{display:block;border-top:1px solid var(--p-color-line)}.p-footer__col{border-bottom:1px solid var(--p-color-line)}.p-footer__col-head{display:flex;align-items:center;justify-content:space-between;gap:var(--p-space-3);min-height:56px;color:var(--p-on-surface);font-size:var(--p-text-body);font-weight:var(--p-weight-semibold);line-height:var(--p-lh-body);list-style:none;cursor:pointer}.p-footer__col-head::-webkit-details-marker{display:none}.p-footer__col-head .p-icon{flex:none;opacity:.6;transition:transform var(--p-duration-base) var(--p-ease-in-out)}.p-footer__col[open]>.p-footer__col-head .p-icon{transform:rotate(180deg)}.p-footer__links{display:grid;padding-bottom:var(--p-space-4)}.p-footer__link{display:inline-flex;align-items:center;min-height:40px;transition:color var(--p-duration-fast) var(--p-ease-out)}.p-footer__link:hover,.p-footer__link[aria-current=page]{color:var(--p-on-surface)}.p-footer__col-text{padding-bottom:var(--p-space-4)}.p-footer__col-text p{margin:0 0 var(--p-space-2);font-size:inherit;line-height:inherit}.p-footer__col-text a{color:var(--p-on-surface)}@media only screen and (min-width:768px){.p-footer__nav{display:grid;grid-template-columns:repeat(var(--p-footer-cols, 3),minmax(0,1fr));gap:var(--p-space-6);border-top:0}.p-footer__col{border-bottom:0}.p-footer__col-head{min-height:0;margin-bottom:var(--p-space-4);font-size:var(--p-text-caption);line-height:var(--p-lh-caption);cursor:default}.p-footer__col-head .p-icon{display:none}.p-footer__links{gap:var(--p-space-3);padding-bottom:0}.p-footer__link{min-height:0}}.p-footer__bar{display:flex;flex-direction:column;gap:var(--p-space-4);margin-top:var(--p-space-7);padding-top:var(--p-space-5);border-top:1px solid var(--p-color-line);font-size:var(--p-text-micro);line-height:var(--p-lh-micro)}@media only screen and (min-width:1068px){.p-footer__bar{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--p-space-6)}}.p-footer__legal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--p-space-2) var(--p-space-5)}.p-footer__copy{margin:0;font-size:inherit;line-height:inherit}.p-footer__legal-links{display:flex;flex-wrap:wrap;gap:var(--p-space-2) var(--p-space-4)}.p-footer__legal-links a:hover{color:var(--p-on-surface)}.p-footer__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--p-space-4)}.p-footer__payments{display:flex;flex-wrap:wrap;gap:6px}.p-footer__payments svg{display:block;width:38px;height:24px}.p-footer__locale .thb-localization-forms{border:0;font-size:var(--p-text-micro)}.p-footer__locale .shopify-localization-form{gap:var(--p-space-2)}.p-footer__locale .shopify-localization-form>div,.p-footer__locale .custom-select+.custom-select{margin:0}.p-footer__locale .custom-select--button{height:36px;padding:0 var(--p-space-4);border:1px solid var(--p-color-line);border-radius:var(--p-radius-pill);background:var(--p-footer-fill);color:var(--p-on-surface);transition:background-color var(--p-duration-fast) var(--p-ease-out)}.p-footer__locale .custom-select--button:hover{background:var(--p-footer-fill-hover)}.p-footer__locale .custom-select--arrow svg path{stroke:currentColor}.p-footer__locale .thb-localization-forms--flag{margin-right:var(--p-space-2)}.p-footer__locale .custom-select--list{right:auto;left:0;margin-bottom:var(--p-space-2);overflow:hidden;border-radius:var(--p-radius-md);background:var(--p-color-bg);box-shadow:var(--p-shadow-md);color:var(--p-color-text);font-size:var(--p-text-caption)}@media only screen and (min-width:1068px){.p-footer__locale .custom-select--list{right:0;left:auto}}.p-footer a:focus-visible,.p-footer summary:focus-visible,.p-footer button:focus-visible{outline:2px solid var(--p-color-focus);outline-offset:2px}.p-footer__col-head:focus-visible{outline-offset:-2px}@media(prefers-reduced-motion:reduce){.p-footer__col-head .p-icon,.p-footer__submit .p-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pihot-footer.css.map */