/* WordPress adapter — source CSS remains untouched above this layer. */
.custom-logo-wrap{display:flex;align-items:center;max-width:220px}.custom-logo{display:block;width:auto!important;height:auto!important;max-width:180px;max-height:34px;object-fit:contain}.navlinks .menu,.footlinks .footer-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}.navlinks .menu>li{position:relative;display:flex;align-items:center}.navlinks .menu a{display:flex;align-items:center}.navlinks .sub-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;margin:0;padding:8px;list-style:none;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s var(--ease);z-index:90}.navlinks .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:12px}.navlinks .menu-item-has-children:hover>.sub-menu,.navlinks .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.navlinks .sub-menu li{position:relative}.navlinks .sub-menu a{display:flex;width:100%;padding:9px 11px;white-space:nowrap}.navlinks .sub-menu .sub-menu{left:calc(100% + 8px);top:-8px}.submenu-toggle{border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;padding:2px 5px;margin-left:-6px}.footlinks .footer-menu{gap:16px}.footlinks .footer-menu li{margin:0}.nav-login,.nav-cta{white-space:nowrap}.native-content{padding:70px 0 100px}.native-content>.container{max-width:920px}.native-head,.native-content article{padding:24px 0}.native-content h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.055em;line-height:1}.native-list{display:grid;gap:14px}.native-list article{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.native-list h2{margin:0 0 8px}.error-404{padding:100px 0;text-align:center}.error-404 h1{font-size:clamp(48px,8vw,92px);letter-spacing:-.06em;margin:12px 0}.form-success{margin-top:12px;color:#138a36;font-weight:600}.academy-panel[hidden]{display:none!important}.category-product[hidden],.card[hidden],.gallery-promo[hidden],.academy-searchable[hidden]{display:none!important}.theme-trigger{display:grid;place-items:center;border-radius:50%}.wp-block-image img{border-radius:20px}.footer .row{gap:24px}.copyright{margin-left:auto}
@media(max-width:1080px){.navlinks .menu{gap:0}.navlinks .menu a{padding:7px 7px;font-size:10.5px}.nav-cta{display:none}}
@media(max-width:820px){.nav{position:relative}.hamb{display:block}.nav-login{display:none}.navlinks{display:none;position:absolute;top:52px;left:12px;right:12px;margin:0!important;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg);z-index:110}.navlinks.mobile-open{display:block}.navlinks .menu{display:flex;flex-direction:column;align-items:stretch}.navlinks .menu>li{display:grid;grid-template-columns:1fr auto;width:100%}.navlinks .menu a{padding:11px 12px;font-size:13px}.navlinks .sub-menu{position:static;grid-column:1/-1;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:1px solid var(--line);border-radius:0;margin:0 0 4px 14px;padding:0 0 0 8px;background:transparent}.navlinks .menu-item-has-children:hover>.sub-menu{display:none}.navlinks .menu-item-has-children.submenu-open>.sub-menu{display:block}.navlinks .sub-menu .sub-menu{position:static;margin-left:12px}.submenu-toggle{display:block;padding:0 12px}.footlinks .footer-menu{flex-wrap:wrap}.footer .row{align-items:flex-start}.copyright{width:100%;margin:0}}
.section-hero h1 .accent-line{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.section-hero h1{white-space:normal}

/* ===== MotionSites AI v1.1 UX fixes ===== */
.nav{position:relative}.mobile-header-search,.mobile-bottom-nav,.mobile-zalo{display:none}
.header-search-trigger{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:18px;line-height:1}.header-search-trigger:hover{border-color:var(--accent);color:var(--accent)}
.header-search-popover{position:absolute;right:18px;top:calc(100% + 10px);z-index:160;width:min(520px,calc(100vw - 48px));padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 22px 70px rgba(0,0,0,.14)}
.header-search-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:5px 6px 5px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.header-search-form>span{color:var(--muted);font-size:20px}.header-search-form input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.header-search-form button{min-height:38px;padding:0 15px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}

@media(min-width:821px){
  .navlinks .menu-item-has-children{position:relative}
  .navlinks .sub-menu{top:calc(100% + 10px);z-index:140}
  .navlinks .sub-menu:before{top:-13px;height:14px}
  .navlinks .menu-item-has-children:hover>.sub-menu,.navlinks .menu-item-has-children:focus-within>.sub-menu,.navlinks .menu-item-has-children.submenu-open>.sub-menu{opacity:1;visibility:visible;transform:none}
  .navlinks .sub-menu .sub-menu{left:calc(100% + 10px);top:-9px}
  .navlinks>.menu>.menu-item-has-children>.submenu-toggle{position:static;display:inline-grid;place-items:center;min-width:22px;height:28px;margin-left:-7px;padding:0;border:0;background:transparent;color:var(--muted);font-size:15px;font-weight:500}
  .navlinks .sub-menu .menu-item-has-children>.submenu-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;margin:0;border:0;background:transparent;color:var(--muted);font-size:14px}
  .navlinks .sub-menu .menu-item-has-children>a{padding-right:38px}
}

.hero p{font-size:18px!important;line-height:1.72!important}.hero-search{width:min(650px,100%);min-height:56px;margin:24px auto 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 7px 6px 16px;border:1px solid #dfdfe4;border-radius:999px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.06)}html[data-theme="dark"] .hero-search{background:#1d1d1f;border-color:#343438}.hero-search>span{color:var(--muted);font-size:20px}.hero-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.hero-search input::placeholder{color:var(--muted-2)}.hero-search button{min-height:42px;padding:0 20px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.hero-actions{margin-top:18px}

.prompt-graphic-fallback{position:relative;width:100%;height:100%;min-height:160px;overflow:hidden;display:flex;align-items:flex-end;padding:24px;background:linear-gradient(135deg,#f7f9ff 0%,#eef3ff 42%,#fbf7ff 100%);isolation:isolate}.prompt-graphic-fallback:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(29,29,31,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(29,29,31,.05) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 85%);z-index:-3}.prompt-graphic-fallback .graphic-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-2}.prompt-graphic-fallback .graphic-orb-a{width:48%;aspect-ratio:1;right:-10%;top:-18%;background:radial-gradient(circle at 35% 35%,rgba(74,144,255,.95),rgba(105,74,255,.18) 62%,transparent 72%)}.prompt-graphic-fallback .graphic-orb-b{width:44%;aspect-ratio:1;left:-12%;bottom:-35%;background:radial-gradient(circle at 60% 35%,rgba(255,157,90,.75),rgba(255,114,145,.12) 65%,transparent 75%)}.prompt-graphic-fallback .graphic-ring{position:absolute;width:36%;aspect-ratio:1;border:1px solid rgba(29,29,31,.14);border-radius:50%;right:12%;bottom:10%;box-shadow:0 0 0 18px rgba(255,255,255,.28),0 0 0 36px rgba(255,255,255,.14);z-index:-1}.prompt-graphic-fallback .graphic-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:80%;color:#17171a}.prompt-graphic-fallback .graphic-copy small{margin-bottom:7px;color:#59606b;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.prompt-graphic-fallback .graphic-copy strong{font-size:clamp(16px,2vw,27px);line-height:1.03;letter-spacing:-.04em}.prompt-graphic-fallback .graphic-copy span{margin-top:8px;color:#6f7580;font-size:10px;font-weight:600}.thumb>.prompt-graphic-fallback,.category-product-thumb>.prompt-graphic-fallback{min-height:100%;height:100%}.single-preview>.prompt-graphic-fallback{aspect-ratio:16/10;min-height:420px}.related-card>.prompt-graphic-fallback{aspect-ratio:1.45/1;min-height:0;padding:16px}.related-card>.prompt-graphic-fallback .graphic-copy strong{font-size:15px}.related-card>.prompt-graphic-fallback .graphic-copy span{display:none}

.card.is-expanded .card-desc{font-size:14px!important;line-height:1.72!important}.category-directory-card p{font-size:13.5px!important;line-height:1.7!important}.category-page-header p{font-size:16px!important;line-height:1.75!important}.category-product p{font-size:13.5px!important;line-height:1.65!important;-webkit-line-clamp:3}.single-lead{font-size:18px!important;line-height:1.72!important}.section-hero p{font-size:16px!important;line-height:1.75!important}

.category-sidebar{top:92px;max-height:calc(100vh - 112px);overflow:auto}.filter-scroll{max-height:270px;overflow:auto;padding-right:4px;scrollbar-width:thin}.check-row{font-size:11px;min-height:35px}.filter-title{font-size:9px}.category-search input{font-size:11px}.category-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px}.category-pagination[hidden]{display:none!important}.category-pagination button{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font:inherit;font-size:11px;font-weight:650}.category-pagination button:hover,.category-pagination button.active{border-color:var(--accent);background:var(--accent);color:#fff}.category-pagination button:disabled{opacity:.35;cursor:not-allowed}.category-pagination span{color:var(--muted)}

.single-page{padding-top:52px}.single-header{max-width:900px;margin-bottom:32px}.single-kicker{gap:8px}.single-kicker i{font-style:normal;opacity:.45}.single-grid{grid-template-columns:minmax(0,1fr) 326px;gap:32px}.single-preview{border-radius:30px;box-shadow:0 24px 70px rgba(0,0,0,.08)}.article-panel{border:1px solid #e7e7eb!important;border-radius:28px!important;background:var(--surface)!important;box-shadow:0 12px 40px rgba(0,0,0,.035)!important}.article-panel-head{gap:22px}.panel-eyebrow{display:inline-block;margin-bottom:8px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.1em}.article-panel h2{font-size:28px!important;font-weight:600!important;letter-spacing:-.04em!important}.section-note{font-size:13px!important;line-height:1.7!important}.single-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-size:12px;font-weight:700;white-space:nowrap}.single-copy-button:hover{filter:brightness(.94)}.prompt-code{font-size:13px!important;line-height:1.72!important;border-radius:18px!important}.side-card{border:1px solid #e7e7eb!important;border-radius:22px!important;background:var(--surface)!important;box-shadow:0 12px 36px rgba(0,0,0,.04)!important}.side-actions{gap:9px}.single-action{min-height:44px!important;border-radius:12px!important;font-weight:600!important;box-shadow:none!important;transform:none!important}.single-action.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.single-action.guide,.single-action.custom{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.single-action.guide:hover,.single-action.custom:hover{background:var(--surface-2)!important;border-color:#d8d8de!important;color:var(--text)!important}.single-action.member{background:var(--text)!important;border-color:var(--text)!important;color:var(--bg)!important}.single-action.member:hover{opacity:.9}.related-section{margin-top:58px}.related-head{align-items:flex-end;margin-bottom:18px}.related-head h2{margin:2px 0 0;font-size:32px;font-weight:600}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.related-card{border-radius:20px!important;transition:transform .2s ease,border-color .2s ease}.related-card:hover{transform:translateY(-3px);border-color:#d4d4da!important}.related-card h3{font-size:13px!important;line-height:1.4!important}.related-card-body{padding:14px}.single-main .prompt-guide p{font-size:13px!important;line-height:1.78!important}

@media(max-width:1080px){.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  body{padding-bottom:76px}
  .topbar{font-size:9.5px;padding:0 10px;text-align:center}
  .nav{height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
  .brand{grid-column:1}.custom-logo-wrap{max-width:132px}.custom-logo{max-width:126px;max-height:30px}
  .mobile-header-search{grid-column:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;height:38px;padding:0 7px 0 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.mobile-header-search>span{color:var(--muted);font-size:16px}.mobile-header-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.mobile-header-search button{width:28px;height:28px;border:0;border-radius:50%;background:var(--text);color:var(--bg);font-size:12px}
  .nav-actions{grid-column:3;margin:0}.header-search-trigger,.theme-trigger,.nav-login,.nav-cta{display:none!important}.hamb{display:grid!important;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:19px}
  .navlinks{top:calc(100% + 8px);left:0;right:0;max-height:calc(100vh - 132px);overflow:auto;padding:10px!important;border-radius:18px!important}
  .navlinks .menu{gap:2px}.navlinks .menu>li,.navlinks .sub-menu li{display:block;width:100%;position:relative}.navlinks .menu-item-has-children{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center}.navlinks .menu-item-has-children>a{grid-column:1}.navlinks .menu-item-has-children>.submenu-toggle{grid-column:2;grid-row:1;display:grid;place-items:center;width:38px;height:38px;margin:0!important;padding:0!important;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:18px}.navlinks .menu-item-has-children>.submenu-toggle:hover{background:var(--surface-2);color:var(--text)}
  .navlinks .sub-menu{grid-column:1/-1;position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;width:100%;min-width:0!important;margin:2px 0 6px 10px!important;padding:4px 0 4px 10px!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.navlinks .sub-menu:before{display:none}.navlinks .menu-item-has-children:hover>.sub-menu{display:none!important}.navlinks .menu-item-has-children.submenu-open>.sub-menu{display:block!important}.navlinks .sub-menu .sub-menu{margin-left:10px!important}.navlinks .sub-menu a{white-space:normal!important;padding:9px 10px!important;font-size:12px!important}
  .header-search-popover{display:none!important}
  .mobile-bottom-nav{position:fixed;z-index:220;left:8px;right:8px;bottom:8px;height:60px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:5px;border:1px solid rgba(0,0,0,.09);border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 12px 34px rgba(0,0,0,.14)}html[data-theme="dark"] .mobile-bottom-nav{background:rgba(29,29,31,.94);border-color:#343438}.mobile-bottom-nav a{height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:13px;color:var(--muted);font-size:9px;font-weight:650}.mobile-bottom-nav a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav a.active{background:var(--surface-2);color:var(--accent)}
  .mobile-zalo{position:fixed;z-index:219;right:14px;bottom:78px;display:flex;align-items:center;gap:7px;min-height:40px;padding:5px 12px 5px 6px;border:1px solid rgba(0,102,204,.15);border-radius:999px;background:#fff;color:#0066cc;box-shadow:0 10px 30px rgba(0,0,0,.12);font-size:11px;font-weight:700}.mobile-zalo-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#0068ff;color:#fff;font-weight:800}
  .hero{padding:66px 0 48px}.hero p{font-size:16px!important}.hero-search{min-height:52px;margin-top:20px;padding-left:13px}.hero-search button{min-height:38px;padding:0 14px}.hero-actions{flex-wrap:wrap}
  .category-sidebar{position:static!important;max-height:none;overflow:visible}.filter-scroll{max-height:220px}.category-products{grid-template-columns:1fr!important}.category-product p{font-size:13px!important}.category-pagination{flex-wrap:wrap}
  .single-grid{grid-template-columns:1fr!important}.single-sidebar{position:static!important}.single-preview>.prompt-graphic-fallback{min-height:300px}.article-panel-head{align-items:flex-start;flex-direction:column}.single-copy-button{width:100%}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-head{align-items:flex-start;flex-direction:column}.related-head h2{font-size:28px}.single-lead{font-size:16px!important}
}
@media(max-width:520px){.mobile-header-search{min-width:0}.mobile-header-search input{font-size:10.5px}.mobile-header-search button{display:none}.related-grid{grid-template-columns:1fr}.hero-search{grid-template-columns:auto minmax(0,1fr)}.hero-search button{grid-column:1/-1;width:100%;margin-top:2px}.hero-search{border-radius:20px;padding:10px 12px}.hero-search>span{align-self:center}.hero-actions .btn{flex:1 1 150px}}
.search-page{padding:64px 0 110px}.search-page-head{max-width:820px;margin-bottom:32px}.search-page-head h1{margin:10px 0 20px;font-size:clamp(40px,5vw,62px);line-height:1.05;letter-spacing:-.05em;font-weight:600}.search-page-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:640px;min-height:52px;padding:5px 6px 5px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.search-page-form>span{color:var(--muted);font-size:20px}.search-page-form input{border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search-page-form button{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:12px}.search-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.search-result-card{overflow:hidden;border:1px solid #e7e7eb;border-radius:24px;background:var(--surface)}html[data-theme="dark"] .search-result-card{border-color:#343438}.search-result-thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surface-2)}.search-result-thumb img{width:100%;height:100%;object-fit:cover}.search-result-thumb .prompt-graphic-fallback{height:100%;min-height:100%}.search-result-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:38px;font-weight:800;color:var(--muted)}.search-result-body{padding:20px}.search-result-body small{color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.search-result-body h2{margin:7px 0 8px;font-size:19px;line-height:1.3}.search-result-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.search-result-link{display:inline-flex;margin-top:16px;color:var(--accent);font-size:11px;font-weight:700}.search-empty{padding:70px 24px;border:1px dashed var(--line);border-radius:24px;text-align:center}.search-empty p{color:var(--muted)}@media(max-width:820px){.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-page{padding-top:40px}}@media(max-width:560px){.search-results-grid{grid-template-columns:1fr}.search-page-form{grid-template-columns:auto minmax(0,1fr)}.search-page-form button{grid-column:1/-1}.search-page-form{border-radius:20px;padding:10px 12px}}


/* v1.1.1 — compact mobile hero search + direct card navigation */
@media(max-width:820px){
  .hero-search{width:min(100%,430px)!important;min-height:44px!important;margin:16px auto 0!important;grid-template-columns:auto minmax(0,1fr) 36px!important;gap:7px!important;padding:4px 4px 4px 12px!important;border-radius:999px!important;box-shadow:0 8px 24px rgba(0,0,0,.05)!important}
  .hero-search>span{font-size:17px!important}
  .hero-search input{font-size:12.5px!important}
  .hero-search button{grid-column:auto!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;display:grid!important;place-items:center!important}
  .hero-search button:before{content:"⌕";font-size:18px;line-height:1}
  .thumb-open-hint{display:none!important}
  .card .thumb{cursor:pointer!important}
  .card.is-expanded{grid-column:auto!important;display:block!important;min-height:0!important}
  .card.is-expanded .thumb{height:auto!important;min-height:0!important;aspect-ratio:1.42/1!important;cursor:pointer!important;border-radius:0!important}
  .card.is-expanded .card-body{min-height:61px!important;padding:10px 12px 11px!important;display:flex!important;flex-direction:row!important;align-items:center!important;border:0!important;background:transparent!important}
  .card.is-expanded .card-copy{display:block!important}
  .card.is-expanded .meta{margin:0!important;color:var(--muted)!important;font-size:10px!important;text-transform:none!important;letter-spacing:normal!important}
  .card.is-expanded h3{margin:3px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:1.35!important;letter-spacing:-.025em!important}
  .card.is-expanded .card-desc,.card.is-expanded .card-actions,.card.is-expanded .card-open-note,.card.is-expanded .thumb-open-hint{display:none!important}
  .modal{display:none!important}
}
@media(max-width:520px){
  .hero-search{grid-template-columns:auto minmax(0,1fr) 34px!important;width:100%!important;min-height:42px!important;padding:3px 3px 3px 11px!important;border-radius:999px!important}
  .hero-search button{grid-column:auto!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important}
  .hero-search input{font-size:12px!important}
}


/* v1.1.2 — homepage mobile keeps one search only: hero search */
@media(max-width:820px){
  .hero + .library .toolbar > .search{display:none!important}
  .hero + .library .toolbar{align-items:stretch!important}
  .hero + .library .category-bar{width:100%!important}
}


/* ===== Copy.com.vn v1.1 — clean thumbnails + title strictly below image ===== */
.card .thumb,.category-product-thumb,.related-card>a:first-child,.search-result-thumb{position:relative;overflow:hidden}
.card .thumb .graphic-copy,.category-product-thumb .graphic-copy,.single-preview .graphic-copy,.related-card .graphic-copy,.search-result-thumb .graphic-copy{display:none!important}
.prompt-graphic-clean{align-items:stretch;padding:0!important}
.prompt-graphic-clean .graphic-shape{position:absolute;display:block;border-radius:28px;transform:rotate(-14deg);box-shadow:0 28px 60px rgba(40,55,95,.10)}
.prompt-graphic-clean .graphic-shape-a{width:42%;height:48%;left:18%;top:22%;background:rgba(255,255,255,.74);border:1px solid rgba(29,29,31,.08)}
.prompt-graphic-clean .graphic-shape-b{width:34%;height:36%;right:13%;bottom:14%;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(231,238,255,.68));border:1px solid rgba(29,29,31,.07);transform:rotate(11deg)}
.card-body,.category-product-body,.related-card-body,.search-result-body{position:relative;z-index:2}
.card h3,.category-product h3,.related-card h3,.search-result-body h2{position:static!important;inset:auto!important;transform:none!important;text-shadow:none!important;background:none!important}
.card-title-link,.category-product h3 a,.related-card h3 a,.search-result-body h2 a{position:static!important;display:inline!important;color:var(--text)!important}

.card .thumb>.badge,.card .thumb>.thumb-open-hint,.category-product-thumb>.badge{display:none!important}
.card .meta,.category-product-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card-access{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.04em}
.card-access.free{border-color:#d9efd9;background:#eaf7ea;color:#1b6f2a}
.card-access.pro{color:var(--accent)}


/* ===== Copy.com.vn v1.2 — natural thumbnail ratio + configurable desktop columns ===== */
.card .thumb,.category-product-thumb,.search-result-thumb{aspect-ratio:auto!important;height:auto!important;min-height:0!important;background:var(--surface-2)!important}
.card .thumb>img,.category-product-thumb>img,.search-result-thumb>img,.single-preview>img,.related-card>img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important}
.card:hover .thumb>img,.category-product:hover .category-product-thumb>img{transform:none!important}
.card .thumb>.prompt-graphic-fallback,.category-product-thumb>.prompt-graphic-fallback,.search-result-thumb>.prompt-graphic-fallback{height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
.single-preview{height:auto!important}.single-preview>.prompt-graphic-fallback{height:auto!important;min-height:0!important;aspect-ratio:16/10!important}
.related-card>.prompt-graphic-fallback{height:auto!important;aspect-ratio:4/3!important}
@media(max-width:1024px){body.home .library .grid,body:not(.home) .library .grid,.category-page .category-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){body.home .library .grid,body:not(.home) .library .grid,.category-page .category-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body.home .library .grid,body:not(.home) .library .grid,.category-page .category-products{grid-template-columns:1fr!important}}

.card.is-expanded .thumb{aspect-ratio:auto!important;height:auto!important;min-height:0!important}


/* ===== Copy.com.vn v1.2.2 — Pinterest masonry for library + category ===== */
/*
 * Keep normal CSS Grid columns so Theme Control Center can still choose 3/4/5 columns.
 * JS assigns grid-row spans from each card's real rendered height. This gives a Pinterest-like
 * masonry flow while preserving DOM order, filters, pagination and desktop quick-preview.
 */
[data-library-grid],
[data-category-products]{
  display:grid!important;
  grid-auto-flow:row dense!important;
  grid-auto-rows:1px!important;
  row-gap:0!important;
  align-items:start!important;
}
[data-library-grid]>.card,
[data-library-grid]>.gallery-promo,
[data-library-grid]>.promo,
[data-category-products]>.category-product{
  align-self:start;
  margin-bottom:18px;
}
[data-library-grid]>.card[hidden],
[data-library-grid]>.gallery-promo[hidden],
[data-library-grid]>.promo[hidden],
[data-category-products]>.category-product[hidden]{
  margin-bottom:0!important;
}
@media(max-width:820px){
  [data-library-grid]>.card,
  [data-library-grid]>.gallery-promo,
  [data-library-grid]>.promo,
  [data-category-products]>.category-product{margin-bottom:14px}
}


/* ===== Thiết Kế Đồ Họa branch — product portfolio cards ===== */
.card{background:var(--surface)!important;border-color:var(--line)!important}
.card .thumb{cursor:pointer!important}
.card-body{align-items:flex-start!important;min-height:0!important;padding:13px 14px 15px!important;background:var(--surface)!important}
.card .meta{margin-bottom:5px!important;color:var(--accent)!important;font-size:9px!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.06em}
.card h3{white-space:normal!important;font-size:14px!important;line-height:1.4!important;font-weight:650!important}
.card-desc{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.55!important}
.card.is-expanded{display:block!important;grid-column:auto!important;min-height:0!important}
.card.is-expanded .thumb{height:auto!important;min-height:0!important;border-radius:0!important}
.card.is-expanded .card-body{min-height:0!important;border-left:0!important}
.single-preview>img{border-radius:28px!important}
.native-product-content{font-size:15px;line-height:1.8;color:var(--text)}
.native-product-content:empty{display:none}