/*
Theme Name: Pinard
Author: ANTNNA
Author URI: http://antnna.com
Description: Tema customizado para a editora latinoamericana Pinard, baseada em São Paulo - SP - Brasil.
Tags: art, minimalist, woocommerce, bicolor
Version: 2026
Requires at least: 5.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
*/

/******00) REGRAS GERAIS ******/

body {background-color: #FFFDF5; font-family: 'Recoleta', serif; font-weight: 400;}
* {margin: 0; padding: 0; box-sizing: border-box; position: relative; text-decoration: none; scroll-behavior: smooth; -ms-overflow-style: none; letter-spacing: -0.04em;}
div {display: block;}
::-webkit-scrollbar {display: none;}
::selection {background-color: #4B9EDF; color:#FFFDF5;}
ul, li, figure {list-style:none; margin: 0; padding: 0;}
img {max-width: 100%;;}
a, span {display: block;}
p {color: #000; text-decoration:none; margin:0; padding:0; font-size: 16px; line-height: 1.5; font-weight: 400;}
p strong {font-weight: 600;}
a, span, li {display: block; line-height: 1; font-weight: 500; list-style: none; text-decoration: none;}
a {font-family: 'HK Gothic', sans-serif;}
p > a {display: initial;}
a, path {transition: all 0.2s linear;}
h1, h2 , h3 , h4 , h5 , h6 {font-weight: 700 ; letter-spacing: -0.05em; line-height: 1.1;}
select::-ms-expand {display: none;}

.wrapper {width: 100%; max-width: 1920px; margin: 0 auto; position: relative; display: flex; flex-direction: row-reverse;}
.general {flex:1;min-width:0;}
.container-a {width: 100%; padding: 0 30px; position: relative;}

.d-flex {display: flex; align-items: center;}
.d-table {display: table;}
.ovflow {overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap;}
.ovflow::-webkit-scrollbar {display: none;}
.vh {height: 100vh; padding: 0; min-height: 520px;}
.vw {width: 100vw; padding: 0;}
.ph {height: 100%;}
.pw {width: 100%;}
.ov-hid {overflow: hidden;}
.txt-c {text-align: center;}
.txt-r {text-align: right;}
.p-fix {position: fixed;}
.p-abs {position: absolute;}

.c-holder {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.v-holder {position: absolute; top: 50%; transform: translateY(-50%);}
.m-holder {margin: 0 auto; left: 0; right: 0;}
.cov-holder {position: relative;}
.cov-holder img {position: absolute; left: 0; top:0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; object-position: 50% 50%;}
.if-holder {overflow: hidden; position: relative; width:100%;}
.if-holder::after {padding-top: 56.25%; display: block; content: '';}
.if-holder iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.p-r0 {right: 0;}
.p-l0 {left: 0;}
.p-b0 {bottom: 0;}
.p-t0 {top: 0;}
.fig-cover img {left: 0; top: 0; height: 100%; width: 100%; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute;}

.bg00 {background-color: #FFFDF5;}
.bg01 {background-color: #000;}
.bg02 {background-color: #4B9EDF;}
.c00, .c00 * {color: #FFFDF5;}
.c01, .c01 * {color: #000;}
.c02, .c02 * {color: #4B9EDF;}

.padtop1 {padding-top: 1vh;}
.padbot1 {padding-bottom: 1vh;}
.padtop2 {padding-top: 2vh;}
.padbot2 {padding-bottom: 2vh;}
.padtop3 {padding-top: 4vh;}
.padbot3 {padding-bottom: 4vh;}
.padtop4 {padding-top: 6vh;}
.padbot4 {padding-bottom: 6vh;}
.padtop5 {padding-top: 8vh;}
.padbot5 {padding-bottom: 8vh;}
.padtop6 {padding-top: 10vh;}
.padbot6 {padding-bottom: 10vh;}
.padtop7 {padding-top: 12vh;}
.padbot7 {padding-bottom: 12vh;}
.padtop8 {padding-top: 16vh;}
.padbot8 {padding-bottom: 16vh;}
.padtop9 {padding-top: 20vh;}
.padbot9 {padding-bottom: 20vh;}
.padtop10 {padding-top: 24vh;}
.padbot10 {padding-bottom: 24vh;}


/******01) FONT EMBEDS ******/

@font-face {
    font-family: 'HK Gothic';
    src: url('assets/fonts/hk-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('assets/fonts/hk-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HK Gothic';
    src: url('assets/fonts/hk-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('assets/fonts/recoleta-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('assets/fonts/recoleta-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('assets/fonts/recoleta-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/******02) SIDEBAR ******/
.sidebar {position: sticky; top: 0; right: 0; width: 100px; height: 100vh; background-color: #4B9EDF; border-left: 1px solid #4B9EDF; flex:0 0 100px; overflow: hidden; z-index: 9;}
.sb-nav{height: 60px; border-bottom: 1px solid #FFFDF5; display:grid;grid-template-columns:1fr 1fr;width:100%;}
.sb-nav li{height:100%;}
.sb-nav li:first-child{border-right:1px solid #FFFDF5;}
.sb-nav a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:22px 22px;transition:background-color .25s ease,background-image .25s ease;}
.sb-nav .sb-cart a{background-image:url(/wp-content/uploads/2026/03/icon-carrinho.svg);}
.sb-nav .sb-account a{background-image:url(/wp-content/uploads/2026/03/icon-account.svg);}
.sb-nav a:hover{background-color:#FFFDF5;}
.sb-nav .sb-cart a:hover{background-image:url(/wp-content/uploads/2026/03/btn-comprar.svg);}
.sb-nav .sb-account a:hover{background-image:url(/wp-content/uploads/2026/03/icon-account-m.svg);}
.sb-icon {height: 100px; border-bottom: 1px solid #FFFDF5; display:grid; place-items:center;}
.sb-icon img{display:block;max-width:100%;max-height:100%;}
.sb-marquee{position:relative;overflow:hidden;height:100%;width:100%;display:flex;align-items:center;justify-content:center;}
.sb-marquee-track{display:flex;gap:2rem;white-space:nowrap;will-change:transform;transform:rotate(90deg);transform-origin:center;animation:sbMarqueeUp 120s linear infinite;}
.sb-marquee-track span{display:inline-block;font-size:56px;color:#FFFDF5; font-weight: 600;}
@keyframes sbMarqueeUp{0%{transform:rotate(90deg) translateX(0);}100%{transform:rotate(90deg) translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.sb-marquee-track{animation:none;}}

/******03) HEADER ******/
/* desktop */
.site-header{position:sticky;top:0;z-index:6;background:#FFFDF5;}
.header__nav{position:relative;}
.header{height:100px;border-bottom:1px solid #4B9EDF;display:grid;align-items:center;}
.header.no-mob1{grid-template-columns:180px 110px 220px 1fr;}
.header-logo{display:flex;align-items:center;height:100%;}
.header-logo img{display:block;max-height:40px;}
.search{width:100%;height:100%;background:transparent url(/wp-content/uploads/2026/03/icon-search-a.svg) no-repeat center/20px;border:0;padding:0;cursor:pointer;}
.social{list-style:none;display:flex;gap:18px;align-items:center;justify-content:center;margin:0;padding:0;}
.social li a img{display:block;height:22px;width:auto;}
.header__nav>ul{height:100%;display:flex;align-items:center;justify-content:flex-end;}
.header.no-mob1 .header-logo{border-right:1px solid #4B9EDF;padding-right:30px;}
.header.no-mob1 .social{height:100%; border-left:1px solid #4B9EDF; border-right:1px solid #4B9EDF;}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:30px;align-items:center; padding-left: 30px;}
.menu a{text-decoration:none;color:#4B9EDF; text-transform:uppercase; font-weight: 600; font-size: 14px;}
.menu li{position:static;}
.header__nav .header-menu>li{position:static;}
button.search{width:100%;height:100%;display:block;border:0;padding:0;cursor:pointer;background-color:transparent;background-image:url(/wp-content/uploads/2026/03/icon-search-a.svg);background-repeat:no-repeat;background-position:center;background-size:28px 28px;}
button.search:hover{background-color: #4B9EDF; background-image:url(/wp-content/uploads/2026/03/icon-search-b.svg); transition: all ease .3s;}

/* submenus */
.mega{position:fixed;top:100px;left:50%;transform:translateX(-50%);width:min(100vw,1920px);display:none;background:#FFFDF5;border-bottom:1px solid #4B9EDF;}
.mega-parent.is-open>.mega{display:block;}
.mega__inner{display:flex;align-items:stretch;}
.mega__left{width:540px; margin-left: -30px; border-right:1px solid #4B9EDF;}
.mega__list{list-style:none;margin:0;padding:0;}
.mega__item a{display:block;padding:24px 30px;border-bottom:1px solid #4B9EDF;text-decoration:none;color:#4B9EDF; font-size:17px; font-family: 'Recoleta', serif; font-weight: 400; text-transform: none; letter-spacing: 0;}
.mega__item.is-active a{background:#4B9EDF;color:#FFFDF5;}
.mega__right{flex:1;padding:20px 100px 20px 30px; overflow:hidden; display:flex;align-items:stretch;}
.mega__preview{display:none;}
.mega__preview.is-active{display:block;height:100%;}
.mega__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;height:100%;align-items:stretch;}
.mega__card{display:block;height:100%;}
.mega__card img{display:block;width:100%;height:100%;object-fit:contain;}
.mega__right{overflow:hidden;}
.mega__item:last-child a {border-bottom: none; font-weight: 600;}

/* mobile */
.header.no-desk1{display:grid;grid-template-columns:40px 1fr auto;align-items:center;}
.header.no-desk1 .burger{justify-self:start;}
.header.no-desk1 .header-logo{justify-self:center;display:flex;align-items:center;justify-content:center;}
.header.no-desk1 .header-actions{justify-self:end;display:flex;gap:18px;align-items:center;margin:0;padding:0;list-style:none;}
.header.no-desk1 .header-actions img{display:block;height:22px;width:auto;}

/* searchbar */
.searchbar{border-bottom:1px solid #4B9EDF; position:sticky;top:100px;z-index:3;background:#FFFDF5;}
.searchbar__inner{height:60px;display:flex;align-items:center;}
.searchbar__notice{width:100%;color:#4B9EDF;}
.searchbar__form{width:100%;display:none;align-items:center;gap:12px;}
.searchbar__input{width:100%;border:0;outline:none;background:transparent;color:#4B9EDF; font-family: 'Recoleta', serif; font-size: 16px;}
.searchbar__submit{width:40px;height:40px;border:0;background:transparent url(/wp-content/uploads/2026/03/icon-search-a.svg) no-repeat center/20px;cursor:pointer;}
.searchbar.is-search .searchbar__notice{display:none;}
.searchbar.is-search .searchbar__form{display:flex;}

.header-actions{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center;justify-content:flex-end;}
.header-actions li a img{display:block;height:22px;width:auto;}

/* overlay */
.menu-overlay{position:fixed;inset:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:999;display:flex;flex-direction:column;}
.menu-overlay.is-open{transform:translateX(0);}
.menu-overlay__top{flex:0 0 auto;height:100px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;border-bottom:1px solid #FFFDF5;}
.menu-overlay__top .burger{justify-self:start;}
.menu-overlay__top .header-logo{justify-self:center;display:flex;align-items:center;justify-content:center;}
.menu-overlay__top .header-actions{justify-self:end;display:flex;gap:18px;align-items:center;margin:0;padding:0;list-style:none;}
.menu-overlay__top .header-actions img{display:block;height:22px;width:auto;}
.menu-overlay__search{flex:0 0 auto;border-bottom:1px solid #FFFDF5;}
.mobile-search{height:40px;display:flex;align-items:center;gap:12px;}
.mobile-search__input{width:100%;border:0;outline:none;background:transparent;color:#FFFDF5;font-family:'Recoleta',serif;font-size:16px;}
.mobile-search__submit{width:40px;height:40px;border:0;background:transparent url(/wp-content/uploads/2026/03/icon-search-b.svg) no-repeat center/20px;cursor:pointer;}
.mobile-nav{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;}
.menu-overlay .menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px;align-items:flex-start;width:100%;max-width:560px;}
.menu-overlay .menu>li{position:relative;}
.menu-overlay .menu a{color:#FFFDF5;font-size:28px;letter-spacing:0;text-decoration:none;display:inline-flex;align-items:center;gap:10px;}
.menu-overlay .menu .sub-menu{display:none!important;}
.menu-overlay .menu .menu-item-has-children>a:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);display:inline-block;flex:0 0 8px;}
.menu-overlay__footer{flex:0 0 auto;padding:16px 0;border-top:1px solid #FFFDF5;border-bottom:1px solid #FFFDF5;}
.menu-overlay__footer a{font-weight:600;font-family:'Recoleta',serif;letter-spacing:0;}
.menu-overlay .social{flex:0 0 auto;list-style:none;margin:0;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:0;}
.menu-overlay .social li a img{height:24px;width:auto;display:block;}

/* panels (submenus) */
.mobile-menu{transition:transform .25s ease;}
.mobile-menu.is-hidden{transform:translateX(-100%);}
.mobile-nav .pinard-panel{position:absolute;inset:0;z-index:5;transform:translateX(100%);transition:transform .25s ease;display:flex;align-items:center;justify-content:center;padding:16px;}
.mobile-nav .pinard-panel.is-active{transform:translateX(0);}
.mobile-nav .pinard-panel__inner{width:100%;max-width:560px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.mobile-nav .pinard-panel__head{display:flex;flex-direction:column;gap:18px;}
.mobile-nav .pinard-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start;width:100%;}
.mobile-nav .pinard-panel li{position:relative;}
.mobile-nav .pinard-panel a{color:#FFFDF5;font-size:20px;letter-spacing:0;text-decoration:none;display:inline-flex;align-items:center; font-family: 'Recoleta', serif; font-weight: 400;}
.mobile-nav .pinard-back{display:inline-flex;align-items:center;gap:10px;color:#FFFDF5;text-transform:uppercase;font-weight:700;font-size:14px  !important;text-decoration:none; font-family: 'HK Gothic', sans-serif  !important; font-weight: 700 !important;}
.mobile-nav .pinard-back:before{content:"";width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);display:inline-block;}
.mobile-nav .pinard-panel .menu-item-has-children>a:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);display:inline-block;flex:0 0 8px;}
.mobile-nav  #menu-item-107 a {font-weight: 600;}

/* burger */
.burger { width: 36px; height: 36px; border: 0; background: transparent; display: grid; place-items: center; position: relative; cursor: pointer; transition: background .35s cubic-bezier(.2,.8,.2,1); }
.burger__line { width: 36px; height: 1px; background: #4B9EDF; display: block; position: absolute; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .35s cubic-bezier(.2,.8,.2,1); }
.burger__line:nth-child(1) { transform: translateY(-7px); }
.burger__line:nth-child(2) { transform: translateY(0); }
.burger__line:nth-child(3) { transform: translateY(7px); }
.burger.is-close .burger__line:nth-child(1) { transform: rotate(45deg); background-color: #FFFDF5;}
.burger.is-close .burger__line:nth-child(2) { opacity: 0; }
.burger.is-close .burger__line:nth-child(3) { transform: rotate(-45deg); background-color: #FFFDF5;}

/******04) VITRINE E AVISOS ******/
.hero-slider{position:relative;overflow:hidden;background:#FFFDF5;}
.hero-slider__track{position:relative;width:100%;height:100%;}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none;display:block;}
.hero-slide.is-active{opacity:1;pointer-events:auto;}
.hero-slide picture,.hero-slide img{display:block;width:100%;height:100%;}
.hero-slide img{object-fit:cover;object-position:center;}
.hero-dots{position:absolute;left:30px;bottom:30px;display:flex;gap:10px;z-index:2;}
.hero-dot{width:16px;height:16px;border:1px solid #000;background:#FFFDF5;border-radius:50%;padding:0;cursor:pointer;}
.hero-dot.is-active{background:#4B9EDF;}

.notice-rotator{position:relative;width:100%;height:1.4em;overflow:hidden;}
.notice-item{position:absolute;left:0;right:0;top:0;transform:translateY(100%);opacity:0;transition:transform .45s ease,opacity .45s ease;text-decoration:none;color:#4B9EDF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family: 'Recoleta', serif; line-height: 1.3;}
.notice-item.is-active{transform:translateY(0);opacity:1;}
.notice-item.is-exit{transform:translateY(-100%);opacity:0;}

/******05) HOME ******/

/******06) PAGES ******/

/******07) BLOG ******/

/******08) FOOTER ******/
.footer{border-top:1px solid #4B9EDF;}
.footer-grid{display:grid;grid-template-columns:1fr 420px;gap:0;align-items:stretch;}
.footer-left{display:grid;grid-template-columns:260px 1fr;gap:0;align-items:stretch;}
.footer-mark{display:flex;align-items:center;justify-content:center;margin:0;padding:40px 30px 40px 0;min-height:0;overflow:hidden;}
.footer-mark img{display:block;width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;}
.footer-logo{margin:0;padding:0;}
.footer-logo img{display:block;max-width:240px;height:auto;}

.footer-nav{padding:40px 40px 30px 40px;display:grid;grid-template-rows:1fr auto;row-gap:28px;}
.footer-nav>div{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;}
.footer-nav>div:first-child{grid-template-rows:auto auto;row-gap:28px;align-content:start;}
.footer-nav>div:first-child .footer-title{grid-column:1 / -1;margin:0;}
.footer-nav>div:last-child{align-items:end;}
.footer-nav-l{display:flex;flex-direction:column;justify-content:flex-start;}
.footer-nav-r{display:flex;flex-direction:column;justify-content:flex-start;}
.footer-title{font-weight:700;text-transform:none;letter-spacing:0;color:#4B9EDF;font-size:24px;}
.footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;}
.footer-menu>li>a{display:inline-block;color:#4B9EDF;text-decoration:none;text-transform:lowercase;font-weight:600;line-height:1.05;font-family:'Recoleta',serif;font-size:20px;}
.footer-menu .sub-menu{list-style:none;margin:14px 0 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.footer-menu .sub-menu a{color:#4B9EDF;text-decoration:none;font-weight:400;line-height:1.1;font-family:'Recoleta',serif;}
.footer-copy{margin:0;color:#4B9EDF;font-family:'HK Gothic',serif;font-size:13px;}
.footer-pay{display:block;height:32px;width:auto;max-width:100%;object-fit:contain; object-position: left;}

.footer-right{border-left:1px solid #4B9EDF;padding:40px 40px 30px 40px;display:flex;flex-direction:column;gap:18px; height:100%;}
.footer-address{line-height:1.35; color: #4B9EDF;}
.footer-mail{text-decoration:none; color: #4B9EDF; font-family: 'Recoleta', serif;font-weight:600;}
.footer-social{list-style:none;margin:42px 0;display:flex;gap:20px;align-items:center;}
.footer-social img{display:block;height:20px;width:auto;}
.footer-company{margin-top:18px;}
.footer-company strong{display:block;color:#4B9EDF;letter-spacing:.02em; font-family: 'HK Gothic', serif; font-size: 14px;}
.footer-company p{margin:6px 0 0 0;color:#4B9EDF;}
.footer-antnna{margin-top:auto;margin-bottom:0; font-size: 13px; color:#4B9EDF; font-family: 'HK Gothic', serif; font-weight: 400;}
.footer-antnna a{text-decoration:underline;font-weight:700; color:#4B9EDF;}

.footer-mobile-bottom{display:flex;flex-direction:column;gap:18px; padding-top:18px;margin-top:10px;}
.footer-mobile-meta{display:flex;flex-direction:column;gap:12px;}
.footer-mobile-meta .footer-copy{font-size:12px;}
.footer-mobile-meta .footer-antnna{font-size:12px;margin:0;}

/******99) RESPONSIVOS ******/

@media screen and (min-width: 1921px) {
.wrapper {border-left: 1px solid #4B9EDF; border-right: 1px solid #4B9EDF;}
.mega {border-left: 1px solid #4B9EDF; border-right: 1px solid #4B9EDF;}
}

@media screen and (min-width: 1201px) {
.no-desk1 {display: none !important;}

.header-menu>.menu-item-has-children>a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;}
.header-menu>.menu-item-has-children>a:after{content:"";width:8px;height:8px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transform-origin:50% 50%;flex:0 0 8px; margin-top: -6px;}
.header-menu>.menu-item-has-children.is-open>a:after{transform:rotate(-135deg);margin-top:4px;}
}

@media screen and (min-width: 769px) {
.no-desk2 {display: none !important;}
.hero-slider{aspect-ratio:1340/740;height:auto;max-height:calc(100vh - 160px);width:100%;}
.hero-slider{min-height:clamp(520px,calc((100vh - 160px) * .72),740px);}
.hero-slider{max-height:clamp(640px,calc(100vh - 160px),860px);}
}

@media screen and (max-width: 1200px) {
.no-mob1 {display: none !important;}

.footer-nav {padding: 40px 30px 30px 0;}
.footer-left {grid-template-columns: 1fr;}
.footer-grid {grid-template-columns: 3fr 2fr;}
}

@media screen and (max-width: 768px) {
.no-mob2 {display: none !important;}
.container-a {padding: 0 16px;}
.header {height: 70px;}
.searchbar {top: 70px; height: 40px;}
.searchbar__inner {height: 40px;}
.menu-overlay__top{height:70px;}
p {font-size: 15px;}

.hero-slider{height:calc(100svh - var(--topbar-h,110px));} 
.hero-dot{width:14px;height:14px;}

.footer-grid{grid-template-columns:1fr; padding-top: 36px;}
.footer-left{grid-template-columns:1fr;min-height:auto;}
.footer-nav{padding:36px 0 0;}
.footer-nav hr {width: 48px; border: 1px solid #4B9EDF;}
.footer-nav > div {grid-template-columns: 1fr;}
.footer-nav > div:first-child {row-gap: 8px;}
.footer-menu{grid-template-columns:1fr;row-gap:18px;}
.footer-menu > li {display: none;}
.footer-menu > li:last-child {display: block;}
.footer-menu > li > a {text-transform: uppercase; font-size: 16px;}
.footer-menu .sub-menu a {font-family: 'Hk Gothic', serif;}
.footer-menu > li a {font-family: 'Hk Gothic', serif;}
.footer-social {margin: 16px 0 8px;}
.footer-right{border-left:0; padding:24px 0;}
.footer-company p{font-size:14px;}
.footer-address {font-size: 14px;}
.footer-pay{max-width:320px; margin-bottom: 24px;}
}

@media screen and (max-width: 480px) {
.no-mob3 {display: none !important;}
}