/*
Theme Name: Golden KIM Atelier
Theme URI: https://asiabrushes.com/
Author: Golden KIM 梧湟
Description: Lightweight, Elementor-compatible theme for a Taiwanese brush OEM/ODM manufacturer.
Version: 1.7.4
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: asiabrushes
*/
:root{--ink:#4a4a4a;--green:#446084;--green-dark:#334862;--cream:#f1f1f1;--paper:#fff;--gold:#cfa24c;--walnut:#555;--brick:#c05530;--line:#ddd;--max:1200px;--radius:18px;--shadow:0 18px 50px rgba(51,72,98,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Lato,-apple-system,BlinkMacSystemFont,"Noto Sans TC","Segoe UI",sans-serif;line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease}.home .site-header{position:fixed;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,0));border-bottom-color:transparent;backdrop-filter:none}.home .site-header.is-scrolled,.home .site-header.menu-open{background:rgba(255,255,255,.96);border-bottom-color:rgba(0,0,0,.08);box-shadow:0 8px 30px rgba(0,0,0,.08);backdrop-filter:blur(16px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;width:clamp(220px,23vw,270px);flex:0 0 auto}.brand img{width:100%;height:auto}.main-nav ul{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.main-nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none;color:var(--ink);font-weight:650;border-radius:9px;transition:color .22s ease,background-color .22s ease}.home .site-header:not(.is-scrolled):not(.menu-open) .main-nav a{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.36)}.main-nav a:hover,.main-nav a:focus-visible{background:var(--cream);color:var(--green-dark)}.home .site-header:not(.is-scrolled):not(.menu-open) .main-nav a:hover,.home .site-header:not(.is-scrolled):not(.menu-open) .main-nav a:focus-visible{background:rgba(255,255,255,.14);color:#fff}.home .site-header.is-scrolled .main-nav a,.home .site-header.menu-open .main-nav a{color:#111;text-shadow:none}.nav-toggle{display:none;min-width:48px;min-height:44px;border:1px solid var(--line);background:#fff;color:var(--green-dark);padding:9px 12px;border-radius:9px}.home .site-header:not(.is-scrolled):not(.menu-open) .nav-toggle{border-color:rgba(255,255,255,.65);background:rgba(0,0,0,.16);color:#fff}.hero{min-height:100vh;min-height:100svh;display:grid;align-items:end;padding:clamp(140px,18vh,210px) 0 clamp(70px,9vh,110px);background:linear-gradient(90deg,rgba(51,72,98,.04),rgba(51,72,98,.62) 56%,rgba(31,42,58,.92)),url(assets/images/original-site/GK-banner-03.webp) center/cover;color:#fff}.hero-copy{max-width:760px;margin-left:auto}.eyebrow{font-size:13px;letter-spacing:.18em;font-weight:750;text-transform:uppercase;color:#e3c17e}.hero h1{font-size:clamp(42px,7vw,84px);line-height:1.05;margin:.2em 0}.hero p{font-size:clamp(18px,2.1vw,23px);max-width:700px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;background:var(--brick);color:#fff;text-decoration:none;font-weight:750;border:0}.button.alt{background:#fff;color:var(--green-dark)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:clamp(64px,8vw,108px) 0}.section-tint{background:var(--cream)}.section-head{display:grid;grid-template-columns:.6fr 1fr;gap:40px;align-items:end;margin-bottom:38px}.section-head h2,.entry-title{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(34px,5vw,58px);line-height:1.18;margin:8px 0}.section-head p{margin:0;color:#555}.category-grid,.article-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card,.article-card,.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.category-card{min-height:290px;display:flex;flex-direction:column}.category-card__image{width:100%;aspect-ratio:3/2;object-fit:cover}.category-card__body{padding:24px;display:flex;flex:1;flex-direction:column;justify-content:space-between}.category-card:nth-child(2n) .category-card__body{background:var(--green);color:#fff}.category-card:nth-child(2n) a{color:#fff}.category-card h3{font-size:26px;margin:0}.collections-section{padding:clamp(110px,12vw,180px) 0;background:#fff}.collections-section .container{width:min(calc(100% - 48px),1280px)}.collections-section .section-head{display:block;max-width:820px;margin:0 auto clamp(64px,8vw,108px);text-align:center}.collections-section .section-head h2{font-size:clamp(42px,5.4vw,68px);letter-spacing:-.025em}.collections-section .section-head p{max-width:660px;margin:22px auto 0;font-size:18px;line-height:1.8;color:#6e6e73}.collections-section .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.8vw,38px)}.collections-section .category-card{min-height:570px;border:0;border-radius:30px;background:#f5f5f7;box-shadow:none}.collections-section .category-card__image{aspect-ratio:16/10;object-fit:cover}.collections-section .category-card__body,.collections-section .category-card:nth-child(2n) .category-card__body{padding:34px clamp(28px,3vw,42px) 40px;background:#f5f5f7;color:#1d1d1f}.collections-section .category-card h3{font-size:clamp(28px,3vw,36px);line-height:1.2;letter-spacing:-.02em}.collections-section .category-card p{margin:10px 0 30px;color:#6e6e73;font-size:17px}.collections-section .category-card a,.collections-section .category-card:nth-child(2n) a{color:var(--green-dark);font-weight:700;text-decoration:none}.article-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.product-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:14px}.product-card .placeholder{aspect-ratio:1/1}.card-body{padding:24px}.card-body h3{font-size:23px;line-height:1.35;margin:6px 0 12px}.card-body p{color:#555}.story-band{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.story-band img{width:100%;height:100%;object-fit:cover}.story-copy{padding:clamp(48px,7vw,90px);display:flex;flex-direction:column;justify-content:center;background:var(--green);color:#fff}.story-copy h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(36px,5vw,62px);line-height:1.15;margin:.25em 0}.entry-hero{padding:100px 0 50px;background:var(--cream)}.entry-meta{color:#6f6b62}.content-wrap{width:min(calc(100% - 40px),820px);margin:0 auto;padding:54px 0 90px}.entry-content{font-size:18px}.entry-content h2{font-size:32px;line-height:1.3;margin-top:2em}.entry-content figure{margin:38px 0}.entry-content figure img{border-radius:var(--radius)}.single-brush_product .entry-content>img{width:100%;max-height:760px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.archive-header{padding:80px 0 35px}.site-footer{background:var(--green-dark);color:#f1f1f1;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.site-footer a{color:#fff}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;color:#ddd}.elementor-page .content-wrap{width:auto;max-width:none;padding:0}
.product-card h2{font-size:21px;line-height:1.4;margin:0 0 12px}.product-card h2 a{text-decoration:none}.product-card p{font-size:15px;line-height:1.75}.category-hero-image{width:100%;max-height:430px;object-fit:cover;border-radius:var(--radius);margin-bottom:36px}.taxonomy-description{max-width:820px;color:#625f56}
.main-nav>ul>li{position:relative;display:flex;align-items:center}.submenu-toggle{width:30px;height:34px;margin-left:-9px;border:0;background:transparent;color:currentColor;cursor:pointer;font-size:19px;line-height:1;transition:transform .2s ease}.product-sub-menu{position:absolute;top:calc(100% + 10px);left:50%;z-index:40;width:520px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px!important;padding:18px!important;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(0,0,0,.16);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.product-sub-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.product-sub-menu li{display:block}.product-sub-menu a,.home .site-header:not(.is-scrolled):not(.menu-open) .product-sub-menu a{min-height:40px;padding:8px 12px;color:#222!important;text-shadow:none!important;font-size:14px;font-weight:600}.product-sub-menu a:hover,.product-sub-menu a:focus-visible{background:#f1f1f1!important;color:var(--green-dark)!important}.product-menu-item:hover>.product-sub-menu,.product-menu-item:focus-within>.product-sub-menu,.product-menu-item.submenu-open>.product-sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.product-menu-item.submenu-open>.submenu-toggle{transform:rotate(180deg)}
.product-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(34px,5vw,72px);align-items:start}.product-catalog-section{padding-top:30px}.product-results{min-width:0}.product-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-sidebar{position:sticky;top:112px}.product-category-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.product-category-panel summary{list-style:none;color:#1d1d1f;font-size:20px;font-weight:750;cursor:pointer}.product-category-panel summary::-webkit-details-marker{display:none}.product-category-panel summary:after{content:"−";float:right;color:#777}.product-category-panel:not([open]) summary:after{content:"＋"}.product-category-panel ul{list-style:none;margin:14px 0 0;padding:0}.product-category-panel li+li{border-top:1px solid #eee}.product-category-panel a{display:flex;justify-content:space-between;gap:12px;padding:10px 8px;text-decoration:none;color:#555;border-left:3px solid transparent}.product-category-panel a span{color:#999;font-size:13px}.product-category-panel a:hover,.product-category-panel a:focus-visible,.product-category-panel a.is-current{color:var(--green-dark);background:#f5f5f7;border-left-color:var(--brick);font-weight:700}.product-detail-layout{padding-top:54px;padding-bottom:90px}.product-detail-content{min-width:0;font-size:18px}.product-detail-content>img{width:100%;max-height:760px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.breadcrumbs{padding-top:22px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0;color:#777;font-size:13px}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:7px;color:#aaa}.breadcrumbs a{color:#666;text-decoration:none}.breadcrumbs a:hover{color:var(--green-dark)}.entry-deck{max-width:760px;margin:14px 0 0;color:#626262;font-size:19px}.page-about .entry-hero{padding-bottom:70px}.page-about .content-wrap{width:min(calc(100% - 40px),1280px);padding-top:0}.page-about .entry-content{font-size:17px}.about-intro{max-width:1050px;margin:0 auto;padding:clamp(68px,8vw,115px) 0}.about-lead{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(24px,3vw,37px);line-height:1.65;color:#2d2d2d}.about-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:var(--line);border:1px solid var(--line)}.about-facts div{display:flex;min-height:145px;flex-direction:column;justify-content:center;padding:25px;background:#fff}.about-facts strong{font-family:Georgia,serif;font-size:34px;line-height:1;color:var(--green-dark)}.about-facts span{margin-top:13px;color:#666;font-size:14px}.about-section{padding:clamp(72px,9vw,125px) 0;border-top:1px solid var(--line)}.about-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(46px,7vw,100px);align-items:center}.about-split-reverse>div{order:2}.about-split-reverse>figure{order:1}.about-section h2{margin:.25em 0 .65em;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(34px,4.2vw,56px);line-height:1.25;color:#313131}.about-section figure{margin:0}.about-section figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:28px}.about-section figcaption{margin:13px 6px 0;color:#777;font-size:13px}.about-keywords{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:28px 0 0;padding:0}.about-keywords li{padding:7px 12px;border:1px solid #d8d8d8;border-radius:999px;color:#555;font-size:13px}.process-list{list-style:none;margin:30px 0 0;padding:0;counter-reset:process}.process-list li{display:grid;grid-template-columns:34px 115px 1fr;gap:12px;padding:15px 0;border-top:1px solid var(--line);counter-increment:process}.process-list li:before{content:counter(process,decimal-leading-zero);color:var(--brick);font-size:13px;font-weight:800}.process-list strong{color:#333}.process-list span{color:#666;font-size:15px}.text-link{display:inline-flex;margin-left:18px;font-weight:700;text-decoration:none}.capability-section .section-head{margin-bottom:50px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.capability-grid article{min-height:250px;padding:34px;border-radius:22px;background:#f5f5f7}.capability-grid article:nth-child(2){background:var(--green-dark);color:#fff}.capability-grid h3{margin:0 0 16px;font-size:25px}.capability-grid p{margin:0}.faq-section{max-width:920px;margin-inline:auto}.faq-section>h2{margin-bottom:40px}.faq-section details{border-top:1px solid var(--line);padding:0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{padding:22px 42px 22px 0;list-style:none;position:relative;color:#292929;font-size:19px;font-weight:750;cursor:pointer}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"＋";position:absolute;right:5px;color:var(--brick)}.faq-section details[open] summary:after{content:"−"}.faq-section details p{margin:0;padding:0 42px 24px 0;color:#5f5f5f}.page-contact .content-wrap{width:min(calc(100% - 40px),920px)}.contact-intro{padding-bottom:55px}.inquiry-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 36px;padding-left:28px}.inquiry-list li{padding:8px 0;border-bottom:1px solid #eee}
@media(max-width:900px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;max-height:calc(100vh - 78px);overflow:auto;background:var(--paper);padding:22px;box-shadow:0 20px 40px rgba(0,0,0,.12)}.main-nav.is-open{display:block}.main-nav>ul{align-items:stretch;flex-direction:column}.main-nav>ul>li{display:grid;grid-template-columns:1fr auto}.main-nav a,.home .site-header:not(.is-scrolled) .main-nav.is-open a{width:100%;color:#111;text-shadow:none}.submenu-toggle{width:44px;height:44px;margin:0;color:#111}.product-sub-menu{position:static;grid-column:1/-1;width:auto;display:none!important;grid-template-columns:1fr;gap:0!important;margin:2px 0 10px 12px!important;padding:4px 0 4px 12px!important;border:0;border-left:1px solid #ddd;border-radius:0;background:#fff;box-shadow:none;opacity:1;visibility:visible;transform:none!important}.product-menu-item:hover>.product-sub-menu,.product-menu-item:focus-within>.product-sub-menu{display:none!important}.product-menu-item.submenu-open>.product-sub-menu{display:grid!important;transform:none!important}.product-sub-menu a{min-height:38px}.section-head,.story-band{grid-template-columns:1fr}.category-grid,.article-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.collections-section .category-grid{grid-template-columns:1fr}.collections-section .category-card{min-height:0}.story-band img{max-height:480px}.footer-grid{grid-template-columns:1fr 1fr}.product-layout{grid-template-columns:1fr;gap:28px}.product-sidebar{position:static}.product-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-layout{padding-top:34px}}
@media(max-width:620px){.container,.content-wrap{width:min(calc(100% - 28px),var(--max))}.brand{width:210px}.hero{min-height:100svh;background-position:42% center;padding-bottom:54px}.hero-copy{margin-left:0}.category-grid,.article-grid,.product-grid,.product-results .product-grid,.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.collections-section{padding:88px 0 100px}.collections-section .container{width:min(calc(100% - 28px),1280px)}.collections-section .section-head{margin-bottom:52px}.collections-section .category-card{border-radius:24px}.collections-section .category-card__body{padding:27px 24px 32px}.story-copy{padding:50px 24px}.header-inner{min-height:72px}.main-nav{top:72px;max-height:calc(100vh - 72px)}}
@media(max-width:900px){.about-split{grid-template-columns:1fr}.about-split-reverse>div,.about-split-reverse>figure{order:initial}.about-facts{grid-template-columns:repeat(2,1fr)}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:0}.process-list li{grid-template-columns:34px 110px 1fr}}
@media(max-width:620px){.page-about .content-wrap,.page-contact .content-wrap{width:min(calc(100% - 28px),1280px)}.about-intro{padding:55px 0 70px}.about-lead{font-size:23px}.about-facts{grid-template-columns:1fr}.about-facts div{min-height:112px}.about-section{padding:65px 0}.about-section figure img{border-radius:20px}.process-list li{grid-template-columns:30px 1fr}.process-list span{grid-column:2}.inquiry-list{grid-template-columns:1fr}.text-link{display:flex;margin:18px 0 0}.breadcrumbs{padding-top:16px}}
.home-about{padding:clamp(78px,9vw,130px) 0;border-bottom:1px solid var(--line)}.home-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);align-items:start}.home-about h2{margin:.25em 0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(35px,4.4vw,58px);line-height:1.22}.home-about p{margin:0 0 18px;color:#595959;font-size:18px}.home-about a{font-weight:750;text-decoration:none}
@media(max-width:900px){.home-about-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Brand typography: preserve the original site's Lato + Dancing Script pairing. */
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/lato-regular.woff2) format("woff2")}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/lato-bold.woff2) format("woff2")}
@font-face{font-family:"Dancing Script";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/dancing-script-regular.woff2) format("woff2")}
:root{--font-brand:Lato,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--font-script:"Dancing Script",cursive}
body{font-family:var(--font-brand);font-weight:400;letter-spacing:.012em}
h1,h2,h3,h4,h5,h6,.section-head h2,.entry-title,.story-copy h2,.about-lead,.about-section h2,.home-about h2{font-family:var(--font-brand);font-weight:700;letter-spacing:.015em}
.main-nav a,.button,.product-category-panel summary,.faq-section summary{font-family:var(--font-brand);font-weight:700}
.eyebrow{font-family:var(--font-brand);font-weight:700;letter-spacing:.2em}
.script-accent{display:block;margin-bottom:-2px;font-family:var(--font-script);font-size:clamp(25px,3vw,37px);line-height:1.1;letter-spacing:.02em;color:#fff}
.hero h1{font-family:var(--font-brand);font-weight:700;letter-spacing:.02em;text-wrap:balance}
.home .site-header{background:transparent;border-bottom:0;box-shadow:none}
.home .site-header.is-scrolled,.home .site-header.menu-open{border-bottom:1px solid rgba(0,0,0,.08)}
.button{min-height:50px;padding:10px 12px 10px 21px;transition:transform .2s ease,box-shadow .2s ease}
.button:hover,.button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px rgba(24,34,48,.16)}
.button-icon{display:inline-grid;place-items:center;width:29px;height:29px;margin-left:3px;border-radius:50%;background:rgba(255,255,255,.2);font-size:16px;line-height:1}
.button.alt .button-icon,.button-outline .button-icon{background:var(--green-dark);color:#fff}
.button-outline{background:transparent;color:var(--green-dark);border:1px solid rgba(51,72,98,.34)}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-facts strong{font-family:var(--font-brand);font-weight:700}
.about-facts span{line-height:1.65}
@media(max-width:620px){.hero h1{font-size:clamp(39px,11.4vw,49px);line-height:1.12}.hero p{font-size:18px;line-height:1.75}.hero-actions{gap:10px}.button{font-size:15px}.script-accent{font-size:28px}.about-actions{align-items:stretch;flex-direction:column}.about-actions .button{width:100%}}

/* Mobile hero: keep the foreground brush visible and place copy in a clear right-side safe area. */
@media(max-width:620px){
  .hero{
    min-height:max(720px,100svh);
    padding:0 0 38px;
    background:
      linear-gradient(180deg,rgba(31,42,58,.02) 20%,rgba(31,42,58,.16) 42%,rgba(31,42,58,.88) 70%,rgba(31,42,58,.98) 100%),
      linear-gradient(270deg,rgba(31,42,58,.48),rgba(31,42,58,0) 72%),
      url(assets/images/original-site/GK-banner-03.webp) 12% 0/auto 60% no-repeat,
      #26374d;
  }
  .hero-copy{
    width:min(calc(100% - 40px),360px);
    max-width:360px;
    margin:0 20px 0 auto;
    text-align:right;
  }
  .script-accent{font-size:clamp(24px,7vw,28px)}
  .hero .eyebrow{display:block;font-size:11px;letter-spacing:.14em;white-space:nowrap}
  .hero h1{font-size:clamp(34px,9.5vw,39px);line-height:1.14;margin:.24em 0}
  .hero p{max-width:340px;margin:0 0 0 auto;font-size:15.5px;line-height:1.72}
  .hero-actions{justify-content:flex-end;gap:8px;margin-top:22px;flex-wrap:nowrap}
  .hero-actions .button{min-height:48px;padding-left:15px;font-size:14px;white-space:nowrap}
  .hero-actions .button-icon{width:27px;height:27px}
}
@media(max-width:360px){
  .hero-actions .button{gap:4px;padding-left:10px;font-size:13px}
  .hero-actions .button-icon{width:24px;height:24px;margin-left:1px}
}