/*
Theme Name: HCK Vietnam
Description: Corporate catalog theme for HCK Vietnam representative website.
Author: HCK Vietnam
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*************** HCK VIETNAM SITE CSS ***************/

/*
Theme Name: HCK Vietnam
Theme URI: https://hck.com.vn
Author: HCK Vietnam
Description: Corporate catalog theme for HCK Vietnam representative website.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: hck-vietnam
*/

:root {
  --hck-navy: #102231;
  --hck-blue: #1d6f9f;
  --hck-sky: #eaf4f8;
  --hck-ice: #f6fafc;
  --hck-text: #243746;
  --hck-muted: #667785;
  --hck-line: #dce8ee;
  --hck-white: #ffffff;
  --hck-radius: 22px;
  --hck-shadow: 0 20px 60px rgba(16, 34, 49, 0.12);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--hck-text);
  background: var(--hck-white);
  line-height: 1.65;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.hck-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.hck-topbar {
  background: var(--hck-navy);
  color: rgba(255,255,255,.84);
  font-size: 13px;
  padding: 8px 0;
}

.hck-topbar .hck-container,
.hck-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.hck-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid var(--hck-line);
  backdrop-filter: blur(14px);
}

.hck-header-inner {
  min-height: 78px;
}

.hck-logo {
  display: inline-flex;
  flex-direction: column;
  color: var(--hck-navy);
  font-weight: 800;
  letter-spacing: .08em;
}

.hck-logo span {
  font-size: 12px;
  color: var(--hck-muted);
  letter-spacing: .18em;
  font-weight: 600;
}

.hck-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 15px;
  font-weight: 650;
}

.hck-nav a:hover {
  color: var(--hck-blue);
}

.hck-button,
.hck-button-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 750;
  border: 1px solid transparent;
}

.hck-button {
  background: var(--hck-blue);
  color: var(--hck-white);
}

.hck-button-outline {
  border-color: rgba(255,255,255,.72);
  color: var(--hck-white);
}

.hck-button-light {
  border-color: var(--hck-line);
  color: var(--hck-navy);
  background: var(--hck-white);
}

.hck-hero {
  color: var(--hck-white);
  background: radial-gradient(circle at 80% 20%, rgba(29,111,159,.9), transparent 28%), linear-gradient(135deg, #102231 0%, #17374d 52%, #1d6f9f 100%);
  padding: 96px 0 72px;
  overflow: hidden;
}

.hck-hero-grid,
.hck-split,
.hck-contact-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 48px;
  align-items: center;
}

.hck-eyebrow {
  margin: 0 0 14px;
  color: #9ed7f2;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 800;
  font-size: 13px;
}

.hck-hero h1,
.hck-page-hero h1 {
  margin: 0;
  font-size: clamp(42px, 6vw, 74px);
  line-height: .98;
  letter-spacing: -.055em;
}

.hck-hero p,
.hck-page-hero p {
  max-width: 680px;
  font-size: 18px;
  color: rgba(255,255,255,.82);
}

.hck-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.hck-hero-card {
  padding: 28px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 32px;
  background: rgba(255,255,255,.1);
  box-shadow: var(--hck-shadow);
}

.hck-hero-card-grid,
.hck-stat-grid,
.hck-card-grid,
.hck-product-grid,
.hck-feature-grid {
  display: grid;
  gap: 20px;
}

.hck-hero-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hck-mini-card {
  min-height: 150px;
  padding: 20px;
  border-radius: 22px;
  background: rgba(255,255,255,.12);
}

.hck-mini-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
}

.hck-section {
  padding: 78px 0;
}

.hck-section-alt {
  background: var(--hck-ice);
}

.hck-section-head {
  max-width: 740px;
  margin: 0 auto 36px;
  text-align: center;
}

.hck-section-head h2,
.hck-split h2,
.hck-contact-card h2 {
  margin: 0 0 14px;
  color: var(--hck-navy);
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.hck-section-head p,
.hck-split p,
.hck-card p,
.hck-product-card p,
.hck-contact-card p {
  color: var(--hck-muted);
}

.hck-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hck-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hck-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hck-card,
.hck-product-card,
.hck-contact-card,
.hck-spec-card {
  border: 1px solid var(--hck-line);
  border-radius: var(--hck-radius);
  background: var(--hck-white);
  box-shadow: 0 12px 34px rgba(16, 34, 49, .06);
}

.hck-card,
.hck-product-card,
.hck-contact-card,
.hck-spec-card {
  padding: 24px;
}

.hck-card h3,
.hck-product-card h3,
.hck-spec-card h3 {
  margin: 0 0 10px;
  color: var(--hck-navy);
  line-height: 1.2;
}

.hck-product-card .hck-model {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--hck-blue);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hck-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.hck-tags span {
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--hck-sky);
  color: var(--hck-navy);
  font-size: 12px;
  font-weight: 700;
}

.hck-page-hero {
  color: var(--hck-white);
  background: linear-gradient(135deg, #102231, #1d6f9f);
  padding: 72px 0;
}

.hck-footer {
  background: var(--hck-navy);
  color: rgba(255,255,255,.78);
  padding: 54px 0 28px;
}

.hck-footer-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 1fr);
  gap: 32px;
}

.hck-footer h3,
.hck-footer h4 {
  color: var(--hck-white);
  margin-top: 0;
}

.hck-footer a {
  display: block;
  margin: 8px 0;
  color: rgba(255,255,255,.78);
}

.hck-footer-bottom {
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 13px;
}

@media (max-width: 920px) {
  .hck-nav {
    display: none;
  }

  .hck-hero-grid,
  .hck-split,
  .hck-contact-grid,
  .hck-footer-grid {
    grid-template-columns: 1fr;
  }

  .hck-card-grid,
  .hck-product-grid,
  .hck-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .hck-container {
    width: min(100% - 28px, 1180px);
  }

  .hck-topbar .hck-container {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .hck-hero,
  .hck-section,
  .hck-page-hero {
    padding: 54px 0;
  }

  .hck-card-grid,
  .hck-product-grid,
  .hck-feature-grid,
  .hck-hero-card-grid {
    grid-template-columns: 1fr;
  }
}

body{font-family:Arial,Helvetica,sans-serif;color:#3e4b55}.hck-container{width:min(1280px,calc(100% - 64px))}.hck-header{position:absolute;top:0;left:0;right:0;z-index:50;background:transparent;border:0;backdrop-filter:none}.admin-bar .hck-header{top:32px}.hck-header-inner{min-height:86px}.hck-logo{width:100px;filter:brightness(0) invert(1)}.hck-logo img{width:100%;height:auto}.hck-nav{gap:34px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.hck-nav a:hover{color:#bed3dc}.hck-header-actions{display:flex;align-items:center;gap:22px;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase}.hck-contact-pill{min-width:174px;padding:11px 22px;border-radius:999px;color:#fff;text-align:center;text-transform:none;background:rgba(183,210,220,.82)}.hck-search{font-size:28px;line-height:1}.hck-button{min-height:36px;min-width:130px;padding:10px 24px;border-radius:999px;background:#a9c3ce;color:#fff;font-size:14px}.hck-hero{position:relative;min-height:790px;padding:0;color:#fff;background-image:url('../media/2024/07/Rectangle-57-3-1.jpg');background-position:center;background-size:cover}.hck-hero-shade{position:absolute;inset:0;background:rgba(0,0,0,.25)}.hck-hero-content{position:relative;min-height:790px;display:flex;align-items:center;justify-content:space-between}.hck-hero-copy{width:min(520px,100%);padding-top:90px}.hck-hero h1{margin:0 0 14px;font-size:clamp(46px,5.2vw,72px);line-height:.94;letter-spacing:-.045em;font-weight:800}.hck-hero p{max-width:500px;margin:0;color:#fff;font-size:17px;line-height:1.5;font-weight:700}.hck-learn-more{position:absolute;right:24px;bottom:46px;writing-mode:vertical-rl;color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em}.hck-learn-more span{display:inline-flex;width:42px;height:42px;margin-top:16px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;font-size:22px;writing-mode:horizontal-tb}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-collab-section,.hck-offices-section,.hck-blog-section{padding:88px 0;background:#fff}.hck-story-grid{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:start}.hck-story-grid h2,.hck-section-head h2,.hck-brand-grid h2,.hck-collab-grid h2,.hck-distributor-section h2,.hck-newsletter h2{margin:0;color:#3e4b55;font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.04em}.hck-story-grid p,.hck-section-head p,.hck-brand-grid p,.hck-collab-grid p,.hck-office-grid p,.hck-blog-grid p,.hck-distributor-section p,.hck-newsletter p{color:#3e4b55;font-size:16px;line-height:1.72}.hck-link-arrow{display:inline-flex;margin-top:20px;color:#3e4b55;font-weight:800}.hck-section-head{max-width:900px;margin:0 auto 44px;text-align:center}.hck-section-head-row{max-width:none;display:flex;align-items:end;justify-content:space-between;text-align:left}.hck-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hck-category-card{position:relative;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:36px;color:#fff;background-position:center;background-size:cover}.hck-category-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.06))}.hck-category-card>*{position:relative}.hck-category-card span{display:block;margin-bottom:12px;font-size:34px;line-height:1.05;font-weight:800}.hck-category-card p{max-width:480px;margin:0 0 22px;color:#fff}.hck-category-card strong{color:#fff}.hck-card-wide{grid-column:span 2;min-height:540px}.hck-brand-section{background:#f5f2ed}.hck-brand-grid,.hck-collab-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.hck-logo-cloud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:center}.hck-logo-cloud img{max-height:90px;margin:0 auto;object-fit:contain}.hck-collab-section{color:#fff;background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('../media/2024/07/Tradeshow_Web_Banner_7_c856c45b3a-1.png');background-position:center;background-size:cover}.hck-collab-grid h2,.hck-collab-grid p,.hck-collab-grid h3{color:#fff}.hck-value-grid{display:grid;gap:18px}.hck-value-grid div{padding:24px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px)}.hck-office-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hck-office-grid div,.hck-blog-grid article{padding:28px;border:1px solid #e2e7ea;background:#fff}.hck-office-grid h3,.hck-blog-grid h3{margin:0 0 8px;color:#3e4b55;font-size:24px;line-height:1.1}.hck-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:50px;text-align:center}.hck-stat-grid div{display:grid;gap:10px}.hck-stat-grid strong{color:#3e4b55;font-size:48px;line-height:1}.hck-stat-grid span{color:#3e4b55;font-weight:700}.hck-blog-section{background:#f7f7f7}.hck-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hck-distributor-section{padding:105px 0;text-align:center;color:#fff;background-image:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.42)),url('../media/2024/07/image-166.png');background-position:center;background-size:cover}.hck-distributor-section h2,.hck-distributor-section p{color:#fff}.hck-distributor-section p{max-width:620px;margin:18px auto 28px}.hck-footer{padding:0 0 28px;background:#3e4b55}.hck-newsletter{padding:56px 0;color:#fff;background:#a9c3ce}.hck-newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.hck-newsletter h2,.hck-newsletter p{color:#fff}.hck-footer>.hck-container{padding-top:54px}.hck-footer-grid{grid-template-columns:1.25fr repeat(3,1fr);gap:54px}.hck-footer h3,.hck-footer h4{text-transform:uppercase;letter-spacing:.03em}@media(max-width:1100px){.hck-nav{gap:16px;font-size:11px}.hck-header-actions{gap:12px}}@media(max-width:920px){.hck-header{position:absolute}.hck-nav,.hck-language,.hck-search{display:none}.hck-story-grid,.hck-brand-grid,.hck-collab-grid,.hck-newsletter-grid,.hck-office-grid,.hck-blog-grid,.hck-footer-grid{grid-template-columns:1fr}.hck-category-grid{grid-template-columns:1fr}.hck-card-wide{grid-column:auto}.hck-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.admin-bar .hck-header{top:46px}.hck-container{width:min(100% - 28px,1280px)}.hck-hero,.hck-hero-content{min-height:680px}.hck-category-card{min-height:390px;padding:26px}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-collab-section,.hck-offices-section,.hck-blog-section{padding:58px 0}}
.hck-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hck-hero-shade,.hck-hero-content{z-index:1}.hck-newsletter{display:block}
.hck-site-category-hero{position:relative;min-height:680px;background-image:url('../media/2024/07/Rectangle-72-1.jpg');background-position:center;background-size:cover;color:#fff}.hck-site-category-copy{position:relative;z-index:1;min-height:680px;display:flex;flex-direction:column;justify-content:center}.hck-site-category-copy h1{max-width:680px;margin:0 0 18px;font-size:clamp(44px,5vw,70px);line-height:.98;color:#fff}.hck-site-category-copy p{max-width:680px;margin:0;color:#fff;font-size:18px;line-height:1.55}.hck-category-learn{left:76px;right:auto;bottom:190px;writing-mode:horizontal-tb;border:1px solid rgba(255,255,255,.75);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hck-site-products{padding:90px 0;background:#fff}.hck-site-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 28px}.hck-site-product-card{display:block;text-align:center;color:#3e4b55}.hck-site-product-image{height:250px;display:flex;align-items:center;justify-content:center;background:#f6f6f4;margin-bottom:22px;overflow:hidden}.hck-site-product-image img{max-height:230px;width:auto;margin:auto;transition:transform .3s ease}.hck-site-product-card:hover img{transform:scale(1.04)}.hck-site-product-card h3{margin:0 0 8px;color:#3e4b55;font-size:22px;line-height:1.15}.hck-site-product-card p{margin:0 0 6px;color:#3e4b55;font-size:15px}.hck-site-product-card span{display:block;color:#3e4b55;font-size:15px;font-weight:700}.hck-category-tech-cta{padding:110px 0;text-align:center;color:#fff;background-image:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.34)),url('../media/2024/07/image-171.png');background-position:center;background-size:cover}.hck-category-tech-cta h2{margin:0 0 24px;color:#fff;font-size:clamp(36px,4vw,58px)}.hck-category-more-products{padding:90px 0;background:#fff}.hck-more-links{display:grid;gap:16px}.hck-more-links a{padding:18px 0;border-bottom:1px solid #d8dee2;color:#3e4b55;font-size:26px;font-weight:800}.hck-category-contact{padding:90px 0;text-align:center;background:#f5f2ed}.hck-category-contact h2{margin:0 0 14px;color:#3e4b55;font-size:clamp(36px,4vw,58px)}.hck-category-contact p{max-width:680px;margin:0 auto 26px;color:#3e4b55}@media(max-width:1000px){.hck-site-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.hck-site-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hck-site-category-hero,.hck-site-category-copy{min-height:560px}.hck-site-product-image{height:210px}}@media(max-width:480px){.hck-site-product-grid{grid-template-columns:1fr}}
.hck-site-category-hero{background-position:center!important;background-size:cover!important}

/*************** HCK PREMIUM UI SYSTEM - UI UX PRO MAX ***************/
:root{
  --hck-premium-primary:#1c1917;
  --hck-premium-secondary:#44403c;
  --hck-premium-accent:#ca8a04;
  --hck-premium-accent-soft:#f5e7bf;
  --hck-premium-bg:#fafaf9;
  --hck-premium-surface:#ffffff;
  --hck-premium-text:#0c0a09;
  --hck-premium-muted:#6b625b;
  --hck-premium-line:rgba(28,25,23,.12);
  --hck-premium-shadow:0 22px 70px rgba(28,25,23,.16);
  --hck-premium-shadow-soft:0 12px 34px rgba(28,25,23,.10);
}
html{scroll-behavior:smooth}body{font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:var(--hck-premium-bg)!important;color:var(--hck-premium-text)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.hck-container{width:min(1240px,calc(100% - 72px))!important}.hck-header{padding:14px 0!important;background:linear-gradient(180deg,rgba(12,10,9,.72),rgba(12,10,9,.18),transparent)!important}.hck-header-inner{min-height:64px!important;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(12,10,9,.16);box-shadow:0 18px 48px rgba(0,0,0,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hck-logo{width:94px!important;filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.25))!important}.hck-nav{gap:28px!important}.hck-nav a,.hck-header-actions{color:#fff!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important}.hck-nav a{position:relative;opacity:.94;transition:opacity .2s ease,color .2s ease}.hck-nav a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--hck-premium-accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.hck-nav a:hover{opacity:1;color:#fff!important}.hck-nav a:hover:after{transform:scaleX(1)}.hck-contact-pill,.hck-button{background:linear-gradient(135deg,var(--hck-premium-accent),#e3b13c)!important;color:#fff!important;border:0!important;box-shadow:0 12px 30px rgba(202,138,4,.30)!important;font-weight:800!important;letter-spacing:.02em!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}.hck-contact-pill:hover,.hck-button:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 18px 42px rgba(202,138,4,.38)!important}.hck-hero,.hck-site-category-hero{isolation:isolate}.hck-hero:before,.hck-site-category-hero:before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 48%,rgba(12,10,9,.78),rgba(12,10,9,.34) 30%,rgba(12,10,9,.08) 58%,rgba(12,10,9,.28)),linear-gradient(90deg,rgba(12,10,9,.62),rgba(12,10,9,.14) 46%,rgba(12,10,9,.34));pointer-events:none}.hck-hero-shade{background:linear-gradient(180deg,rgba(12,10,9,.12),rgba(12,10,9,.30))!important}.hck-hero-content,.hck-site-category-copy{z-index:2!important}.hck-hero{min-height:820px!important}.hck-hero-content{min-height:820px!important}.hck-hero-copy{max-width:630px!important;padding-top:78px!important}.hck-hero h1,.hck-site-category-copy h1{color:#fff!important;text-shadow:0 20px 50px rgba(0,0,0,.34);letter-spacing:-.065em!important;font-weight:900!important}.hck-hero h1{font-size:clamp(58px,6.6vw,104px)!important;line-height:.88!important}.hck-hero p,.hck-site-category-copy p{color:rgba(255,255,255,.94)!important;text-shadow:0 10px 24px rgba(0,0,0,.30);font-weight:700!important}.hck-hero p{max-width:560px!important;font-size:18px!important}.hck-learn-more{opacity:.95}.hck-learn-more span,.hck-category-learn{border-color:rgba(255,255,255,.68)!important;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease}.hck-learn-more span:hover,.hck-category-learn:hover{transform:translateY(3px);background:rgba(255,255,255,.18)}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-offices-section,.hck-blog-section,.hck-site-products{background:var(--hck-premium-bg)!important}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-collab-section,.hck-offices-section,.hck-blog-section,.hck-site-products{padding-top:112px!important;padding-bottom:112px!important}.hck-story-grid{gap:76px!important;align-items:start!important}.hck-story-grid h2,.hck-section-head h2,.hck-brand-grid h2,.hck-collab-grid h2,.hck-offices-section h2,.hck-blog-section h2,.hck-site-products h2{color:var(--hck-premium-text)!important;font-weight:900!important;letter-spacing:-.055em!important;line-height:.96!important}.hck-section-head{max-width:850px!important;margin:0 auto 58px!important}.hck-section-head p,.hck-story-grid p,.hck-brand-grid p,.hck-office-grid p,.hck-blog-grid p{color:var(--hck-premium-muted)!important;font-size:16px!important;line-height:1.72!important}.hck-category-grid{gap:24px!important}.hck-category-card{min-height:420px!important;border-radius:28px!important;overflow:hidden!important;box-shadow:var(--hck-premium-shadow-soft)!important;border:1px solid rgba(255,255,255,.30)!important;transition:transform .32s ease,box-shadow .32s ease,filter .32s ease!important}.hck-category-card:before{background:linear-gradient(180deg,rgba(12,10,9,.05),rgba(12,10,9,.72))!important}.hck-category-card:hover{transform:translateY(-6px);box-shadow:var(--hck-premium-shadow)!important;filter:saturate(1.04)}.hck-category-card span{font-size:clamp(28px,3vw,44px)!important;letter-spacing:-.045em!important}.hck-category-card p{max-width:460px!important;color:rgba(255,255,255,.86)!important}.hck-category-card strong,.hck-link-arrow{color:var(--hck-premium-accent)!important}.hck-logo-cloud,.hck-office-grid>div,.hck-blog-grid article,.hck-value-grid>div{border:1px solid var(--hck-premium-line)!important;border-radius:24px!important;background:rgba(255,255,255,.72)!important;box-shadow:var(--hck-premium-shadow-soft)!important;backdrop-filter:blur(14px);transition:transform .24s ease,box-shadow .24s ease}.hck-office-grid>div:hover,.hck-blog-grid article:hover,.hck-value-grid>div:hover{transform:translateY(-4px);box-shadow:var(--hck-premium-shadow)!important}.hck-collab-section{background:linear-gradient(135deg,#1c1917,#332d28)!important;color:#fff!important}.hck-collab-section h2,.hck-collab-section h3{color:#fff!important}.hck-collab-section p{color:rgba(255,255,255,.72)!important}.hck-stat-grid{border-radius:28px!important;background:#fff!important;border:1px solid var(--hck-premium-line)!important;box-shadow:var(--hck-premium-shadow-soft)!important;overflow:hidden}.hck-stat-grid strong{color:var(--hck-premium-accent)!important}.hck-distributor-section{background-image:linear-gradient(rgba(12,10,9,.56),rgba(12,10,9,.56)),url('../media/2024/07/Costco_Logo-1.png')!important}.hck-site-category-hero{min-height:700px!important}.hck-site-category-copy{min-height:700px!important;justify-content:center!important}.hck-site-category-copy h1{font-size:clamp(58px,6vw,90px)!important;max-width:760px!important}.hck-site-product-grid{gap:38px 30px!important}.hck-site-product-card{padding:14px 14px 24px!important;border:1px solid transparent;border-radius:24px;background:#fff;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;cursor:pointer}.hck-site-product-card:hover{transform:translateY(-6px);border-color:var(--hck-premium-line);box-shadow:var(--hck-premium-shadow-soft)}.hck-site-product-image{height:282px!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f2f0ed)!important}.hck-site-product-card h3{font-size:21px!important;font-weight:900!important;color:var(--hck-premium-text)!important;letter-spacing:-.025em!important}.hck-site-product-card p,.hck-site-product-card span{color:var(--hck-premium-muted)!important}.hck-category-tech-cta{background-image:linear-gradient(rgba(12,10,9,.48),rgba(12,10,9,.58)),url('../media/2024/07/image-171.png')!important}.hck-footer{background:#1c1917!important;color:rgba(255,255,255,.78)!important}.hck-newsletter{background:linear-gradient(135deg,#26211d,#1c1917)!important;border-bottom:1px solid rgba(255,255,255,.10)}.hck-newsletter h2,.hck-footer h3,.hck-footer h4{color:#fff!important}.hck-footer a{transition:color .2s ease,transform .2s ease}.hck-footer a:hover{color:var(--hck-premium-accent)!important;transform:translateX(2px)}a:focus-visible,button:focus-visible,.hck-button:focus-visible{outline:3px solid rgba(202,138,4,.45)!important;outline-offset:3px!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-width:1024px){.hck-container{width:min(100% - 40px,960px)!important}.hck-nav{gap:16px!important}.hck-nav a,.hck-header-actions{font-size:11px!important}.hck-hero,.hck-hero-content{min-height:720px!important}.hck-site-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.admin-bar .hck-header{top:46px!important}.hck-header{position:absolute!important;padding:10px 0!important}.hck-header-inner{border-radius:24px!important;align-items:flex-start!important;padding:14px 16px!important}.hck-nav{display:none!important}.hck-header-actions{margin-left:auto!important;gap:10px!important}.hck-contact-pill{display:none!important}.hck-logo{width:78px!important}.hck-hero,.hck-hero-content,.hck-site-category-hero,.hck-site-category-copy{min-height:680px!important}.hck-hero-copy{padding-top:110px!important}.hck-hero h1,.hck-site-category-copy h1{font-size:clamp(44px,13vw,64px)!important}.hck-hero p,.hck-site-category-copy p{font-size:15px!important}.hck-story-grid,.hck-brand-grid,.hck-collab-grid{grid-template-columns:1fr!important;gap:34px!important}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-collab-section,.hck-offices-section,.hck-blog-section,.hck-site-products{padding-top:72px!important;padding-bottom:72px!important}.hck-category-grid,.hck-site-product-grid,.hck-office-grid,.hck-blog-grid{grid-template-columns:1fr!important}.hck-category-card{min-height:360px!important}.hck-site-product-image{height:250px!important}.hck-section-head h2,.hck-story-grid h2{font-size:clamp(36px,10vw,54px)!important}}

/*************** HCK PREMIUM UI TUNING ***************/
.hck-site-category-hero:before{background:radial-gradient(circle at 18% 48%,rgba(12,10,9,.58),rgba(12,10,9,.26) 34%,rgba(12,10,9,.08) 62%,rgba(12,10,9,.20)),linear-gradient(90deg,rgba(12,10,9,.50),rgba(12,10,9,.10) 48%,rgba(12,10,9,.22))!important}.hck-site-category-hero,.hck-site-category-copy{min-height:650px!important}.hck-site-products{padding-top:78px!important}.hck-site-products .hck-section-head{margin-bottom:44px!important}.hck-site-products h2{font-size:clamp(44px,4.4vw,68px)!important}.hck-story-section{padding-top:96px!important}@media(max-width:760px){.hck-site-category-hero,.hck-site-category-copy{min-height:620px!important}.hck-site-products{padding-top:58px!important}.hck-header-actions{display:flex!important}.hck-search{display:none!important}.hck-language{font-size:11px!important}}

/*************** HCK BRAND LAYOUT OVERRIDES ***************/
.hck-header{position:absolute!important;top:0!important;left:0!important;right:0!important;padding:24px 0 0!important;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0))!important;border:0!important}.admin-bar .hck-header{top:32px!important}.hck-header-inner{min-height:64px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hck-logo{width:104px!important;filter:brightness(0) invert(1)!important}.hck-nav{gap:34px!important}.hck-nav a,.hck-header-actions{font-size:13px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:.015em!important;text-transform:uppercase!important;color:#fff!important}.hck-nav a:after{display:none!important}.hck-contact-pill{min-width:174px!important;padding:12px 24px!important;border-radius:999px!important;background:#b7ced8!important;background-image:none!important;color:#fff!important;box-shadow:none!important;text-transform:none!important}.hck-button{background:#b7ced8!important;background-image:none!important;color:#fff!important;box-shadow:none!important;border-radius:999px!important}.hck-contact-pill:hover,.hck-button:hover{transform:none!important;box-shadow:none!important;background:#a9c3ce!important}.hck-hero:before,.hck-site-category-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.13) 52%,rgba(0,0,0,.18))!important}.hck-hero-shade{background:rgba(0,0,0,.18)!important}.hck-hero,.hck-hero-content{min-height:790px!important}.hck-hero-copy{max-width:590px!important;padding-top:95px!important}.hck-hero h1{font-size:clamp(52px,5.5vw,82px)!important;line-height:.92!important;letter-spacing:-.055em!important;color:#fff!important;text-shadow:none!important}.hck-hero p{font-size:17px!important;line-height:1.5!important;color:#fff!important;text-shadow:none!important;max-width:520px!important}.hck-learn-more{right:30px!important;bottom:50px!important;color:#fff!important}.hck-learn-more span,.hck-category-learn{background:transparent!important;backdrop-filter:none!important}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-offices-section,.hck-blog-section,.hck-site-products{background:#fff!important}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-collab-section,.hck-offices-section,.hck-blog-section,.hck-site-products{padding-top:86px!important;padding-bottom:86px!important}.hck-story-grid h2,.hck-section-head h2,.hck-brand-grid h2,.hck-collab-grid h2,.hck-offices-section h2,.hck-blog-section h2,.hck-site-products h2{color:#3e4b55!important;font-weight:800!important;letter-spacing:-.045em!important}.hck-section-head p,.hck-story-grid p,.hck-brand-grid p,.hck-office-grid p,.hck-blog-grid p{color:#4f5f68!important}.hck-category-card{border-radius:18px!important;box-shadow:none!important;border:0!important}.hck-category-card:hover{transform:none!important;box-shadow:none!important}.hck-category-card span{font-size:clamp(26px,3vw,42px)!important}.hck-collab-section{background:#3e4b55!important;color:#fff!important}.hck-site-category-hero,.hck-site-category-copy{min-height:680px!important}.hck-site-category-copy h1{font-size:clamp(54px,5vw,78px)!important;line-height:1!important;color:#fff!important;text-shadow:none!important}.hck-site-category-copy p{font-size:18px!important;color:#fff!important;text-shadow:none!important}.hck-site-products{padding-top:84px!important}.hck-site-products h2{font-size:clamp(46px,4.4vw,64px)!important;color:#3e4b55!important}.hck-site-product-card{padding:0 0 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hck-site-product-card:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important}.hck-site-product-image{height:260px!important;border-radius:0!important;background:#f7f7f5!important}.hck-site-product-card h3{font-size:20px!important;color:#3e4b55!important}.hck-site-product-card p,.hck-site-product-card span{color:#3e4b55!important}.hck-footer{background:#3e4b55!important}.hck-newsletter{background:#3e4b55!important;border-bottom:1px solid rgba(255,255,255,.12)!important}@media(max-width:760px){.admin-bar .hck-header{top:46px!important}.hck-header{padding:18px 0 0!important}.hck-header-inner{padding:0!important;border-radius:0!important}.hck-logo{width:92px!important}.hck-hero,.hck-hero-content{min-height:690px!important}.hck-hero-copy{padding-top:120px!important}.hck-hero h1{font-size:clamp(42px,12vw,58px)!important}.hck-site-category-hero,.hck-site-category-copy{min-height:620px!important}.hck-story-section,.hck-products-section,.hck-brand-section,.hck-collab-section,.hck-offices-section,.hck-blog-section,.hck-site-products{padding-top:64px!important;padding-bottom:64px!important}}

/*************** HCK FLATSOME NATIVE PAGE WIDTH ***************/
body.page .entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}body.page .page-wrapper,body.page #content,body.page .content-area{padding-top:0!important}body.page .entry-header{display:none!important}body.page .section{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important}.hck-header{z-index:999!important}.page .section h1{font-size:clamp(46px,5vw,76px);line-height:.98;font-weight:800;letter-spacing:-.045em}.page .section h2{font-size:clamp(34px,4vw,58px);line-height:1;font-weight:800;letter-spacing:-.04em}.page .section p{font-size:16px;line-height:1.7}.page .section .button{border-radius:999px!important;font-weight:800!important;text-transform:none!important}