/* Conservative child-route stylesheet; original cascade preserved. */ :root{--green:#0e7490;--green-dark:#12304a;--green-soft:#eaf7fa;--ink:#142033;--muted:#667085;--line:#e4e9ef;--bg:#f6f8fb;--card:#fff;--danger:#bd2c21;--gold:#e8a62a;--navy:#10263d;--shadow:0 10px 32px rgba(16,38,61,.06)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--green);text-underline-offset:2px}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{max-width:820px;padding-top:30px}.top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;backdrop-filter:blur(14px)}.nav{height:70px;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.top .nav{width:min(1500px,calc(100% - 36px))}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:var(--green-dark);text-decoration:none;white-space:nowrap;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--green-dark),#0f8260);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.desktop-links{display:flex;align-items:center;gap:2px;margin-left:8px;flex:0 0 auto;white-space:nowrap}.desktop-links>a,.desktop-user>a{padding:9px 10px;border-radius:9px;text-decoration:none;color:#344054;font-weight:700;font-size:14px;white-space:nowrap;line-height:1.2}.desktop-links>a:hover,.desktop-user>a:hover{background:#f2f5f4;color:var(--green)}.desktop-user{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}.user-chip{padding:8px 10px;border-radius:10px;background:#f4f7f6;color:#475467;font-size:13px;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}.header-search{position:relative;display:flex;align-items:center;flex:1 1 300px;min-width:190px;max-width:360px;margin-left:12px}.header-search input{width:100%;height:40px;border:1px solid #d7dee5;border-radius:999px;background:#f7f9fa;padding:0 43px 0 16px;font:inherit;font-size:14px;color:#182235;outline:none;transition:.18s ease}.header-search input:focus{background:#fff;border-color:#75b49d;box-shadow:0 0 0 3px rgba(11,107,79,.09)}.header-search button{position:absolute;right:4px;width:33px;height:33px;border:0;border-radius:50%;background:transparent;color:#667085;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-search button:hover{background:#eaf2ef;color:var(--green)}.header-search svg{width:18px;height:18px;display:block}.notice-bell{position:relative!important;width:40px;height:40px;padding:0!important;border:1px solid #e1e6ea;border-radius:11px!important;display:flex!important;align-items:center;justify-content:center;background:#fff;color:#475467!important;flex:0 0 40px}.notice-bell:hover{background:#f4f7f6!important;color:var(--green)!important}.notice-bell svg{width:20px;height:20px;display:block}.notice-bell .notice-dot{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff}.mobile-bell{display:none!important}.nav-cta{background:var(--green)!important;color:#fff!important}.mobile-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;justify-content:center;cursor:pointer}.mobile-toggle span,.mobile-toggle span:before,.mobile-toggle span:after{display:block;width:19px;height:2px;background:#263244;border-radius:2px;content:"";position:relative}.mobile-toggle span:before{position:absolute;top:-6px}.mobile-toggle span:after{position:absolute;top:6px}.mobile-toggle.is-open span{background:transparent}.mobile-toggle.is-open span:before{top:0;transform:rotate(45deg)}.mobile-toggle.is-open span:after{top:0;transform:rotate(-45deg)}.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff}.mobile-menu.open{box-shadow:0 14px 30px rgba(15,23,42,.08)}.mobile-menu-inner{padding:10px 0 16px;display:grid;gap:3px}.mobile-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;color:#344054;text-decoration:none;font-weight:750}.mobile-menu a:hover{background:#f4f7f6} .mobile-iconbar{display:none!important} .mobile-top-actions{display:none} .mobile-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:38px;border:0;background:transparent;color:#475467;text-decoration:none;border-radius:10px} .mobile-nav-icon:hover{background:#f4f7f6;color:var(--green)} .mobile-nav-icon svg{width:19px;height:19px;display:block} .mobile-nav-icon .notice-dot{position:absolute;top:0;right:2px} .mobile-account{border-top:1px solid var(--line);margin-top:7px;padding-top:9px}.mobile-account-first{border-top:0;border-bottom:1px solid var(--line);margin:0 0 7px;padding:0 0 9px}.mobile-account-bottom{margin-top:8px}.mobile-user{padding:8px 12px;color:#667085;font-size:13px}.hero{padding:46px 0;background:linear-gradient(135deg,#e9f8f1,#f9fbfc);border-bottom:1px solid #e3ece7}.hero h1{font-size:38px;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}.hero p{font-size:17px;color:#526071;margin:0 0 20px}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;padding:28px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}.card h1,.card h2,.card h3{margin-top:0;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;background:var(--green);color:#fff!important;padding:10px 16px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:800;font-size:14px;transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn.small{min-height:34px;padding:7px 10px;font-size:13px}.btn.gray{background:#667085}.btn.red{background:var(--danger)}.btn.out{background:#fff;color:var(--green)!important;border:1px solid #9fc7b8}.btn.soft{background:var(--green-soft);color:var(--green-dark)!important}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;background:#e9f8f1;color:#08714f;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.badge.gray{background:#f0f2f4;color:#526071}.verified{display:inline-flex;align-items:center;gap:3px;color:#08714f;font-weight:800;font-size:12px}.topic{padding:18px 0;border-bottom:1px solid #edf0f3}.topic:last-child{border:0}.topic-title{font-weight:850;color:#182235;text-decoration:none;font-size:17px;line-height:1.45}.topic-title:hover{color:var(--green)}.topic-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;font-size:13px;color:#7b8493}.topic-stats{display:flex;gap:12px}.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cat{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fafbfb;text-decoration:none;color:#344054;font-weight:750}.form input,.form textarea,.form select{width:100%;padding:12px 13px;border:1px solid #cbd4dd;border-radius:10px;margin:7px 0 15px;background:#fff;font:inherit;color:#182235;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#55a98b;box-shadow:0 0 0 3px rgba(11,107,79,.1)}.form textarea{resize:vertical}.form label{font-weight:800;color:#344054}.answer{border:1px solid var(--line);border-radius:14px;padding:18px;margin:16px 0;background:#fff}.answer.best{border-color:#8fd7b6;background:#fbfffd}.answer-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.author{font-weight:850}.role{font-size:12px;color:#748094}.answer-body{white-space:pre-wrap;line-height:1.75;margin:15px 0}.answer-actions,.topic-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vote{display:inline-flex;gap:6px;align-items:center}.comment{margin:10px 0 10px 22px;background:#f7f9fa;border:1px solid #edf0f2;padding:11px 13px;border-radius:10px}.comment-actions{margin-top:6px;font-size:12px}.inline{display:inline}.inline button{font:inherit}.linkbtn{background:none;border:0;padding:0;color:#667085;cursor:pointer;font-weight:700}.linkbtn:hover{color:var(--green)}.alert,.ok{padding:12px 14px;border-radius:10px;margin:0 0 16px}.alert{background:#fff3f1;border:1px solid #ffd0ca;color:#a52a20}.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.site-footer{margin-top:34px;background:#f8fafc;border-top:1px solid #e6ebf0;color:#5e6b7d}.footer-owner-cta{background:linear-gradient(135deg,#10263d 0%,#173b58 100%);color:#fff}.footer-owner-cta-inner{min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:28px;padding-bottom:28px}.footer-owner-cta h2{margin:5px 0 7px;font-size:26px;color:#fff}.footer-owner-cta p{margin:0;max-width:760px;line-height:1.65;color:#d6e1eb}.footer-kicker{font-size:11px;letter-spacing:.13em;font-weight:900;color:#89d3b2}.footer-owner-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}.footer-owner-cta .btn.out{border-color:#6f879b;color:#fff;background:transparent}.footer-owner-cta .btn.out:hover{background:rgba(255,255,255,.08)}.footer-main{display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,1fr));gap:44px;padding-top:42px;padding-bottom:34px}.footer-about{max-width:390px}.footer-logo{display:inline-flex;align-items:center}.footer-logo img{width:190px;height:auto;display:block}.footer-about>p{margin:15px 0 17px;line-height:1.7;color:#667085}.footer-trust-note{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid #dfe8e3;background:#f4fbf7;border-radius:11px;font-size:12px;line-height:1.5;color:#536273}.footer-trust-note b{color:#2e4e3d}.footer-check{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff5e9;color:#087348;font-weight:900;flex:0 0 22px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links h3{margin:2px 0 7px;font-size:14px;color:#27364a}.footer-links a{font-size:13px;color:#687386;text-decoration:none;line-height:1.45}.footer-links a:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.footer-disclaimer{border-top:1px solid #e2e8ef;padding-top:17px;padding-bottom:19px;font-size:12px;line-height:1.6;color:#7a8493}.footer-disclaimer strong{color:#536071}.footer-bottom{border-top:1px solid #e2e8ef;background:#fff}.footer-bottom-inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#7b8492}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#f7f9fb;padding:14px;border-radius:10px;text-align:center}.stat b{display:block;font-size:22px}.empty{text-align:center;padding:44px 25px}.mod-table{width:100%;border-collapse:collapse}.mod-table th,.mod-table td{padding:10px;border-bottom:1px solid #edf0f3;text-align:left;vertical-align:top}.pill{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef2f6;font-size:12px}.pagination{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.pagination a,.pagination span{padding:7px 10px;border:1px solid #dfe4e9;background:#fff;border-radius:8px;text-decoration:none}.pagination .current{background:var(--green);color:#fff;border-color:var(--green)}.owner-tools{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eef1f4;padding-top:12px;margin-top:14px}.admin-shell{max-width:1400px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;padding:24px 18px}.admin-side{background:#101b2d;border-radius:14px;padding:12px;height:max-content;position:sticky;top:92px}.admin-side-title{color:#93a4bd;font-size:11px;font-weight:900;letter-spacing:.12em;padding:10px 12px}.admin-side a{display:block;color:#d8e0eb;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:700;margin:2px 0}.admin-side a:hover,.admin-side a.active{background:#1d304b;color:#fff}.admin-main{min-width:0}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.admin-title h1{margin:0}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-kpi{background:#fff;border:1px solid #e2e7ec;border-radius:12px;padding:17px}.admin-kpi b{display:block;font-size:28px;margin-bottom:4px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #edf0f3;padding:11px 9px;vertical-align:top}.admin-table th{font-size:12px;text-transform:uppercase;color:#687386}.actions{display:flex;gap:6px;flex-wrap:wrap}.status-published{color:#087348;font-weight:800}.status-draft,.status-hidden{color:#a15c00;font-weight:800}.status-locked{color:#b42318;font-weight:800}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkrow{display:flex;align-items:center;gap:8px}.checkrow input{width:auto;margin:0} .home-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#064b39 0%,#0b6b4f 58%,#107b5b 100%);color:#fff;padding:62px 0 54px}.home-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;top:-180px;background:rgba(255,255,255,.07)}.home-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.72fr);gap:46px;align-items:center}.eyebrow,.section-kicker{display:block;font-size:11px;letter-spacing:.13em;font-weight:900;color:#16835f;margin-bottom:8px}.home-hero .eyebrow{color:#a6efd2}.home-hero h1{font-size:48px;line-height:1.06;letter-spacing:-.045em;margin:0 0 18px;max-width:760px}.home-hero-copy>p{font-size:18px;line-height:1.7;color:#d6eee5;max-width:690px;margin:0 0 25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-primary{background:#fff;color:#07563a!important}.hero-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.38);color:#fff!important}.hero-panel{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);backdrop-filter:blur(10px);border-radius:18px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.hero-panel-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#fff;color:#0b6847;font-size:24px;font-weight:900;margin-bottom:17px}.hero-panel h3{font-size:20px;margin:0 0 8px}.hero-panel p{color:#d4eee4;line-height:1.6;margin:0 0 15px}.hero-panel a{color:#fff;font-weight:850;text-decoration:none}.home-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.72fr);gap:24px;padding-top:28px}.home-section{padding:0;overflow:hidden}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:21px 22px 17px;border-bottom:1px solid #edf0f3}.section-head.compact{padding:0 0 13px;border-bottom:0}.section-head h2,.section-head h3{margin:0}.section-head h2{font-size:22px}.section-head h3{font-size:19px}.section-link,.text-link{font-size:14px;font-weight:850;text-decoration:none;white-space:nowrap}.home-topic{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 22px;border-bottom:1px solid #edf0f3;transition:.15s ease}.home-topic:last-child{border-bottom:0}.home-topic:hover{background:#fafcfb}.avatar-mini{width:42px;height:42px;border-radius:12px;background:var(--green-soft);color:#087348;display:flex;align-items:center;justify-content:center;font-weight:900}.home-topic-title{display:inline-block;font-size:16px;font-weight:850;line-height:1.4;color:#172235;text-decoration:none;margin-bottom:6px}.home-topic-title:hover{color:var(--green)}.home-topic-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#7a8492;font-size:12.5px}.home-topic-numbers{display:flex;gap:15px;text-align:right;color:#7b8492;font-size:12px;white-space:nowrap}.home-topic-numbers b{color:#344054}.home-side{min-width:0}.home-side .card{padding:20px}.forum-card h3,.knowledge-card h3,.join-card h3{font-size:19px;margin:0 0 9px}.forum-card p,.join-card p{line-height:1.65;color:#687386;margin:0 0 17px}.wide{width:100%}.text-link{display:inline-block;margin-top:11px}.join-card{background:linear-gradient(180deg,#f4fcf8,#fff)}.login-link{display:block;text-align:center;font-size:13px;margin-top:12px;text-decoration:none}.feed-empty{text-align:center;padding:52px 24px}.feed-empty-icon{font-size:30px}.feed-empty h3{margin:10px 0 5px}.feed-empty p{color:#687386;margin:0 0 18px} .home-hero{padding:56px 0 50px;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.12),transparent 28%),linear-gradient(120deg,#064b39 0%,#087052 62%,#0e7f5d 100%)} .home-hero:after{width:520px;height:520px;right:-200px;top:-250px;background:rgba(255,255,255,.055)} .home-hero-inner{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:54px} .home-hero h1{font-size:50px;max-width:800px} .home-hero-copy>p{max-width:720px} .hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#d7eee6;font-size:13px} .hero-trust span{display:flex;align-items:center;gap:6px} .hero-trust b{color:#fff} .hero-panel{padding:25px;border-radius:20px;background:rgba(255,255,255,.1)} .hero-panel-label{font-size:11px;letter-spacing:.12em;font-weight:900;color:#a6efd2;margin-bottom:8px} .hero-panel h3{font-size:22px} .hero-panel .hero-quick-links{display:grid;gap:8px;margin-top:16px} .hero-panel .hero-quick-links a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.07)} .hero-panel .hero-quick-links a:hover{background:rgba(255,255,255,.13)} .region-section{padding:28px 0 4px} .region-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px} .region-head h2{font-size:27px;line-height:1.2;margin:0 0 5px;letter-spacing:-.03em} .region-head p{margin:0;color:#697586} .region-all-link{font-weight:850;text-decoration:none;white-space:nowrap} .region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} .region-card{position:relative;overflow:hidden;min-height:150px;padding:19px;border:1px solid #dfe8e4;border-radius:17px;background:#fff;text-decoration:none;color:#172235;box-shadow:0 7px 24px rgba(15,23,42,.045);transition:.18s ease} .region-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-27px;bottom:-31px;background:#ecf8f3} .region-card:hover{transform:translateY(-2px);border-color:#a9d2c2;box-shadow:0 12px 30px rgba(15,23,42,.075)} .region-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e9f7f1;color:#087052;margin-bottom:15px} .region-icon svg{width:21px;height:21px} .region-card h3{font-size:18px;margin:0 0 5px;color:#172235} .region-card p{font-size:13px;color:#778190;margin:0 0 14px;line-height:1.45} .region-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#657080} .region-meta strong{color:#087052} .home-layout{grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr);gap:22px;padding-top:24px} .home-feed{box-shadow:0 8px 28px rgba(15,23,42,.045)} .home-topic{padding:17px 21px} .home-topic:hover{background:#f8fbfa} .home-side .card{border-radius:16px;box-shadow:0 7px 24px rgba(15,23,42,.04)} .forum-card{border-color:#cfe5dc;background:linear-gradient(180deg,#f8fdfa,#fff)} .forum-card .forum-mark{width:42px;height:42px;border-radius:12px;background:#e7f7f0;color:#087052;display:flex;align-items:center;justify-content:center;margin-bottom:13px} .forum-card .forum-mark svg{width:21px;height:21px} .home-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 17px} .home-mini-stat{padding:9px 7px;border-radius:10px;background:#f5f8f7;text-align:center} .home-mini-stat b{display:block;color:#183027;font-size:16px} .home-mini-stat span{font-size:10px;color:#7b8491} .join-card{border-color:#cee4da;background:linear-gradient(145deg,#eefaf4,#fff)} @media(max-width:1100px){.region-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:980px){.home-hero-inner{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px}.home-hero h1{font-size:42px}.home-layout{grid-template-columns:minmax(0,1fr) 285px}.admin-shell{grid-template-columns:1fr}.admin-side{position:static;display:flex;overflow:auto}.admin-side-title{display:none}.admin-side a{white-space:nowrap}.admin-kpis{grid-template-columns:repeat(2,1fr)}} @media(max-width:1250px) and (min-width:901px){.top .nav{width:min(100% - 24px,1500px)}.brand{font-size:18px}.header-search{flex-basis:220px;max-width:280px;margin-left:6px}.desktop-links{margin-left:2px}.desktop-links>a,.desktop-user>a{padding-left:8px;padding-right:8px;font-size:13px}.user-chip{max-width:140px}.desktop-user>a[href="/dang-xuat"]{padding-left:6px;padding-right:6px}} @media(max-width:900px) and (min-width:761px){.top .nav{width:min(100% - 24px,1500px)}.header-search{max-width:220px;min-width:150px;margin-left:4px}.desktop-links>a{padding-left:7px;padding-right:7px;font-size:12.5px}.desktop-links a[href="/chu-tiem"]{display:none}.user-chip{max-width:115px}.desktop-user>a[href="/dang-xuat"]{font-size:12px;padding-left:5px;padding-right:5px}} @media(max-width:760px){body{font-size:15px}.wrap{width:min(100% - 28px,1180px)}.top .nav{width:min(100% - 16px,1180px);height:62px;gap:6px}.brand{font-size:17px;min-width:0;max-width:150px;overflow:hidden;flex:0 1 150px}.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark{width:31px;height:31px;border-radius:9px;flex:0 0 31px}.desktop-links,.desktop-user,.header-search,.mobile-bell{display:none!important}.mobile-top-actions{display:flex;margin-left:auto;align-items:center;gap:5px}.mobile-toggle{display:flex;margin-left:0;border:0;background:transparent;width:40px;height:40px;flex:0 0 40px}.mobile-menu.open{display:block}.mobile-iconbar{display:none!important}.mobile-header-search{display:flex;position:relative;flex:1 1 auto;min-width:0;max-width:260px}.mobile-header-search input{width:100%;height:39px;border:1px solid #d7dee5;border-radius:999px;background:#f7f9fa;padding:0 38px 0 13px;font:inherit;font-size:14px;outline:none}.mobile-header-search input:focus{background:#fff;border-color:#75b49d;box-shadow:0 0 0 3px rgba(11,107,79,.09)}.mobile-header-search button{position:absolute;right:3px;top:3px;width:33px;height:33px;border:0;border-radius:50%;background:transparent;color:#667085;display:flex;align-items:center;justify-content:center}.mobile-header-search svg{width:17px;height:17px}.mobile-header-bell{position:relative;display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex:0 0 39px;border:1px solid #e1e6ea;border-radius:11px;color:#475467;text-decoration:none;background:#fff}.mobile-header-bell svg{width:19px;height:19px}.mobile-header-bell .notice-dot{position:absolute;right:-5px;top:-6px}.mobile-search{display:flex;position:relative;margin:4px 0 9px}.mobile-search input{width:100%;height:43px;border:1px solid #d7dee5;border-radius:11px;background:#f7f9fa;padding:0 46px 0 13px;font:inherit;font-size:16px;outline:none}.mobile-search input:focus{background:#fff;border-color:#75b49d;box-shadow:0 0 0 3px rgba(11,107,79,.09)}.mobile-search button{position:absolute;right:4px;top:4px;width:35px;height:35px;border:0;border-radius:9px;background:transparent;color:#667085;display:flex;align-items:center;justify-content:center}.mobile-search svg{width:18px;height:18px}.home-hero{padding:34px 0 30px}.home-hero-inner,.home-layout,.grid{grid-template-columns:1fr}.region-section{padding:20px 0 2px}.region-head{align-items:flex-start;margin-bottom:12px}.region-head h2{font-size:22px}.region-head p{font-size:13px}.region-all-link{display:none}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.region-card{min-height:132px;padding:14px;border-radius:14px}.region-icon{width:36px;height:36px;border-radius:10px;margin-bottom:11px}.region-icon svg{width:18px;height:18px}.region-card h3{font-size:16px}.region-card p{font-size:11.5px;margin-bottom:10px}.region-meta{font-size:10.5px}.home-hero-inner{gap:0}.home-hero h1{font-size:34px;line-height:1.08;margin-bottom:14px}.home-hero-copy>p{font-size:15.5px;line-height:1.62;margin-bottom:20px}.hero-panel{display:none}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{min-height:44px;padding:10px 12px}.home-layout{padding-top:16px;gap:0}.home-side{display:grid;grid-template-columns:1fr;gap:0}.card{border-radius:14px;padding:17px;margin-bottom:14px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.home-section{padding:0}.section-head{padding:17px 16px 14px;align-items:center}.section-head h2{font-size:19px}.section-kicker{font-size:10px}.home-topic{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:15px 16px;align-items:start}.avatar-mini{width:38px;height:38px;border-radius:10px}.home-topic-title{font-size:15.5px;margin-bottom:5px}.home-topic-meta{font-size:11.8px;gap:5px}.home-topic-numbers{grid-column:2;justify-content:flex-start;text-align:left;gap:13px;font-size:11.5px;margin-top:2px}.forum-card,.knowledge-card,.join-card{padding:17px!important}.footer-inner{min-height:auto;padding:25px 0;display:block}.footer-note{text-align:left;margin-top:6px}.cats{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.mod-table{font-size:13px}.comment{margin-left:0}.answer-head{display:block}.topic-actions{margin-top:10px}} @media(max-width:430px){.wrap{width:min(100% - 22px,1180px)}.region-card{padding:13px}.region-card p{display:none}.region-meta{margin-top:8px}.region-icon{margin-bottom:9px}.top .nav{width:min(100% - 12px,1180px);gap:4px}.brand{font-size:0;gap:0;max-width:34px;flex:0 0 34px}.brand-mark{margin:0}.mobile-header-search{max-width:none}.home-hero{padding:31px 0 28px}.home-hero h1{font-size:30px}.home-hero-copy>p{font-size:15px}.eyebrow{font-size:10px;margin-bottom:7px}.hero-actions{grid-template-columns:1fr}.hero-actions .btn{width:100%}.section-head{padding:15px 14px 13px}.section-link{font-size:12px}.home-topic{padding:14px}.home-topic-numbers{gap:10px}.card{padding:15px;border-radius:13px}.btn{min-height:41px}.form input,.form textarea,.form select{font-size:16px}.admin-kpis{grid-template-columns:1fr}.stats{grid-template-columns:1fr}} .profile-page{max-width:900px}.profile-summary{display:flex;align-items:center;gap:15px;padding:18px 20px;margin-bottom:14px}.profile-avatar.compact{width:58px;height:58px;border-radius:16px;font-size:25px;flex:0 0 auto}.profile-summary-main h1{font-size:22px;margin:0 0 7px}.profile-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.profile-content-card{padding:0;overflow:hidden}.profile-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 18px}.profile-tabs a{position:relative;display:flex;align-items:center;gap:6px;padding:15px 4px 13px;margin-right:25px;color:#64748b;font-weight:800;text-decoration:none}.profile-tabs a span{font-size:11px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center}.profile-tabs a.active{color:var(--green)}.profile-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--green);border-radius:3px 3px 0 0}.profile-tab-content{padding:4px 18px 18px}.profile-item{padding:16px 0;border-bottom:1px solid #edf0f3}.profile-item:last-of-type{border-bottom:0}.profile-item p{margin:7px 0;color:#475569;line-height:1.55}.empty-state{padding:18px 0}.profile-page .pagination{margin-top:14px} @media(max-width:760px){.profile-page{padding-top:10px!important}.profile-summary{padding:14px;margin-bottom:10px;border-radius:12px}.profile-avatar.compact{width:46px;height:46px;border-radius:12px;font-size:20px}.profile-summary-main h1{font-size:18px;margin-bottom:5px}.profile-badges{gap:5px;font-size:11px}.profile-badges .badge{font-size:10px;padding:4px 7px}.profile-content-card{border-radius:12px}.profile-tabs{padding:0 14px}.profile-tabs a{flex:1;justify-content:center;margin:0;padding:13px 4px 11px;font-size:14px}.profile-tab-content{padding:2px 14px 14px}.profile-item{padding:13px 0}.profile-item .topic-title{font-size:14.5px}.profile-item p{font-size:13.5px;margin:5px 0}.profile-item .muted{font-size:11px}} .tag{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef8f3;color:#087348;font-size:12px;font-weight:800;text-decoration:none;margin:3px 4px 3px 0}.asset-classification{margin:5px 0 18px}.asset-suggestion{padding:10px 12px;border-radius:10px;background:#f4f7f6;color:#667085;font-size:12.5px;margin:7px 0 10px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.asset-option,.phone-option{position:relative;cursor:pointer}.asset-option input,.phone-option input{position:absolute;opacity:0;pointer-events:none}.asset-option .asset-option-ui,.phone-option span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #d9e2de;border-radius:11px;background:#fff;color:#465365;font-size:13px;font-weight:800;text-align:center;transition:.15s}.asset-option .asset-option-ui{justify-content:flex-start;gap:10px;padding:8px 12px}.asset-option-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#f3f6f5;font-size:16px;line-height:1;flex:0 0 26px}.asset-option-text{display:block;flex:1 1 auto;text-align:left;line-height:1.25}.asset-option:hover .asset-option-ui,.phone-option:hover span{border-color:#9fc9b9;background:#f8fbfa}.asset-option:hover .asset-option-icon{background:#ecf4f1}.asset-option input:checked+.asset-option-ui,.phone-option input:checked+span{background:#e7f7f0;border-color:#0b6b4f;color:#07563f;box-shadow:0 0 0 2px rgba(11,107,79,.06)}.asset-option input:checked+.asset-option-ui .asset-option-icon{background:#d7efe4}.asset-option.recommended .asset-option-ui,.phone-option.recommended span{border-color:#0b6b4f;position:relative}.asset-option.recommended .asset-option-ui:after,.phone-option.recommended span:after{content:"Gợi ý";position:absolute;right:6px;top:5px;font-size:8px;padding:1px 5px;border-radius:999px;background:#0b6b4f;color:#fff}.phone-brand-box{margin-top:13px;padding:12px;border:1px solid #e1e8e5;border-radius:11px;background:#fafcfb}.phone-brand-title{font-weight:850;font-size:13px;margin-bottom:8px}.phone-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.asset-note{font-size:11.5px;color:#7b8492;margin-top:9px}.classification-label{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf7f3;color:#086047;font-size:11.5px;font-weight:800;margin-top:7px}.classification-label{text-decoration:none}.classification-label:hover,.forum-topic-tag:hover{text-decoration:underline}.forum-filter-active{margin:10px 0 14px;padding:9px 12px;border:1px solid #dbe8e3;border-radius:10px;background:#f7fbf9;font-size:13px;color:#566373}.forum-filter-active a{margin-left:8px;font-weight:800;text-decoration:none}.classification-nav{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}.classification-nav a{padding:7px 10px;border:1px solid #dce6e2;border-radius:999px;background:#fff;color:#526071;text-decoration:none;font-size:12px;font-weight:800}.classification-nav a:hover,.classification-nav a.active{border-color:#0b6b4f;background:#eaf7f2;color:#07563f} .forum-taxonomy-wrap{margin:14px 0 14px} .forum-taxonomy-label{font-size:11px;font-weight:900;letter-spacing:.04em;color:#768391;text-transform:uppercase;margin:0 0 7px} .forum-taxonomy-primary,.forum-taxonomy-secondary{display:flex;gap:7px;flex-wrap:wrap} .forum-taxonomy-primary a,.forum-taxonomy-secondary a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dfe7e3;border-radius:999px;background:#fff;color:#475467;text-decoration:none;font-size:12px;font-weight:800;line-height:1.2;transition:.15s} .forum-taxonomy-primary a:hover,.forum-taxonomy-secondary a:hover{border-color:#8fc4b0;color:#07563f;background:#f4fbf8} .forum-taxonomy-primary a.active,.forum-taxonomy-secondary a.active{border-color:#0b6b4f;background:#eaf7f2;color:#07563f} .forum-taxonomy-dot{width:6px;height:6px;border-radius:50%;background:#a8b7b0;flex:0 0 auto} .forum-taxonomy-primary a.active .forum-taxonomy-dot{background:#0b6b4f} .forum-taxonomy-secondary-row{margin-top:9px;padding-top:9px;border-top:1px solid #edf0ef}.forum-seo-content{margin:22px 0 8px;padding:22px 24px;border:1px solid #e2e8e5;border-radius:16px;background:#fff}.forum-seo-content h2{margin:0 0 10px;font-size:20px;letter-spacing:-.01em}.forum-seo-content p{margin:0 0 10px;color:#5f6b78;line-height:1.72}.forum-seo-content p:last-child{margin-bottom:0}@media(max-width:760px){.forum-seo-content{margin-top:16px;padding:17px 18px;border-radius:14px}.forum-seo-content h2{font-size:18px}.forum-seo-content p{font-size:14px;line-height:1.65}} @media(max-width:760px){ .forum-taxonomy-wrap{margin:11px -18px 13px} .forum-taxonomy-label{padding:0 18px;margin-bottom:6px} .forum-taxonomy-primary,.forum-taxonomy-secondary{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:1px 18px 8px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch} .forum-taxonomy-primary::-webkit-scrollbar,.forum-taxonomy-secondary::-webkit-scrollbar{display:none} .forum-taxonomy-primary a,.forum-taxonomy-secondary a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding:7px 9px;font-size:11.5px} .forum-taxonomy-secondary-row{margin-top:2px;padding-top:8px;border-top:1px solid #edf0ef} }.forum-hub-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;margin:24px 0 18px}.forum-hub-intro,.forum-hub-side{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.forum-hub-intro{padding:25px 27px;position:relative;overflow:hidden}.forum-hub-intro:after{content:"?";position:absolute;right:18px;bottom:-38px;font-size:160px;font-weight:950;line-height:1;color:#eef7f3;pointer-events:none}.forum-hub-intro h1{font-size:30px;line-height:1.18;margin:6px 0 9px;letter-spacing:-.025em;position:relative;z-index:1}.forum-hub-intro p{max-width:720px;color:#667085;margin:0 0 17px;position:relative;z-index:1}.forum-hub-actions{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:1}.forum-hub-side{padding:18px}.forum-hub-side h3{margin:0 0 12px;font-size:15px}.forum-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.forum-mini-stat{padding:13px;border-radius:12px;background:#f7faf9;border:1px solid #e8eeeb}.forum-mini-stat b{display:block;font-size:21px;line-height:1.15;color:#07563f}.forum-mini-stat span{font-size:11.5px;color:#75808f}.forum-assets-head{margin:22px 0 10px}.forum-assets-head h2{margin:0;font-size:20px}.forum-assets-head p{margin:3px 0 0;color:#7a8491;font-size:12.5px}.forum-assets-head .mobile-swipe-note{display:none}@media(max-width:760px){.forum-assets-head:after{content:"Vuốt ngang để xem thêm →";display:block;margin-top:5px;color:#8a949f;font-size:10.5px;font-weight:700}}.forum-assets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:20px}.forum-asset-card{display:block;padding:13px 12px;border:1px solid #e0e7e4;border-radius:13px;background:#fff;text-decoration:none;color:#344054;min-height:82px;transition:.15s}.forum-asset-card:hover{transform:translateY(-1px);border-color:#93c6b2;box-shadow:0 8px 22px rgba(15,23,42,.06)}.forum-asset-icon{display:flex;width:34px;height:34px;border-radius:10px;background:#eaf7f2;align-items:center;justify-content:center;font-size:20px;line-height:1;margin-bottom:9px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.forum-asset-card b{display:block;font-size:13px;color:#1f2937}.forum-asset-card small{display:block;color:#84909e;font-size:10.5px;margin-top:2px}.forum-phone-links{display:flex;gap:6px;flex-wrap:wrap;margin:-10px 0 20px;padding:11px 13px;border:1px solid #e5ebe8;border-radius:12px;background:#fafcfb}.forum-phone-links span{font-size:12px;font-weight:850;color:#526071;margin-right:2px;align-self:center}.forum-phone-links a{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #dce5e1;text-decoration:none;font-size:11.5px;font-weight:750}.forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 10px}.forum-toolbar .forum-tabs{margin:0;flex:1}.forum-help-note{font-size:11.5px;color:#7d8794;white-space:nowrap}@media(max-width:980px){.forum-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.forum-hub-hero{grid-template-columns:1fr .48fr}}@media(max-width:760px){ .forum-hub-hero{grid-template-columns:1fr} .forum-hub-side{display:none} .forum-hub-intro{padding:20px} .forum-hub-intro h1{font-size:25px} .forum-toolbar{display:block} .forum-help-note{display:none} .forum-assets-head{margin-bottom:8px} .forum-assets-head p{font-size:11.5px} .forum-assets{ display:flex; grid-template-columns:none; gap:8px; overflow-x:auto; overflow-y:hidden; margin:0 -18px 16px; padding:2px 18px 10px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none } .forum-assets::-webkit-scrollbar{display:none} .forum-asset-card{ flex:0 0 94px; min-height:88px; padding:9px 7px; border-radius:12px; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center } .forum-asset-icon{ width:30px; height:30px; margin:0 0 6px; border-radius:9px; font-size:14px } .forum-asset-card b{ font-size:11.5px; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden } .forum-asset-card small{ font-size:9.5px; margin-top:3px } .forum-phone-links{ overflow-x:auto; flex-wrap:nowrap; margin:-5px -18px 16px; padding:9px 18px 10px; border-left:0; border-right:0; border-radius:0; scrollbar-width:none; -webkit-overflow-scrolling:touch } .forum-phone-links::-webkit-scrollbar{display:none} .forum-phone-links span,.forum-phone-links a{flex:0 0 auto;white-space:nowrap} }@media(max-width:620px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-option .asset-option-ui,.phone-option span{font-size:12px;min-height:40px}.asset-option .asset-option-ui{padding:8px 10px;gap:8px}.asset-option-icon{width:24px;height:24px;font-size:14px}}.notice-dot{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#b42318;color:#fff;align-items:center;justify-content:center;font-size:11px;font-weight:900}.profile-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px}.profile-avatar{width:86px;height:86px;border-radius:22px;background:var(--green-soft);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:#087348}.searchbar{display:flex;gap:8px}.searchbar input{margin:0}.locked{color:#b42318;font-weight:800}.profile-link{color:inherit;text-decoration:none;font-weight:800}.profile-link:hover{color:var(--green);text-decoration:underline}.avatar-link{text-decoration:none}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.searchbar{display:grid;grid-template-columns:1fr}} .forum-page{padding:24px 0 12px}.forum-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.forum-page-head h1{font-size:28px;line-height:1.2;margin:0 0 5px;letter-spacing:-.03em}.forum-page-head p{margin:0;color:#687386}.forum-tabs{display:flex;gap:4px;overflow:auto;border:1px solid #dfe5e9;background:#fff;border-radius:13px;padding:4px;margin-bottom:14px;scrollbar-width:none}.forum-tabs::-webkit-scrollbar{display:none}.forum-tabs a{flex:0 0 auto;padding:9px 13px;border-radius:9px;text-decoration:none;color:#5f6978;font-size:13px;font-weight:800;white-space:nowrap}.forum-tabs a:hover{background:#f4f7f6;color:var(--green)}.forum-tabs a.active{background:var(--green);color:#fff}.forum-board{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(15,23,42,.04)}.forum-board-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid #e9edef;background:#f9fbfa}.forum-board-title h2{margin:0;font-size:17px}.forum-board-title span{font-size:12px;color:#798391}.forum-row{display:grid;grid-template-columns:46px minmax(0,1fr) 92px 92px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf0f2;transition:.15s ease}.forum-row:last-child{border-bottom:0}.forum-row:hover{background:#fafcfb}.forum-avatar{width:42px;height:42px;border-radius:50%;background:#e8f6f0;color:#087052;display:flex;align-items:center;justify-content:center;font-weight:900;text-decoration:none}.forum-topic-main{min-width:0}.forum-topic-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:16px;font-weight:850;line-height:1.38;color:#172235;text-decoration:none}.forum-topic-title:hover{color:var(--green)}.forum-pin{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:6px;background:#fff3d6;color:#8a6100;font-size:11px}.forum-topic-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:#7a8492}.forum-topic-tag{display:inline-flex;padding:2px 6px;border-radius:5px;background:#eef7f3;color:#087052;font-size:10.5px;font-weight:850;text-decoration:none}.forum-stat{text-align:center;color:#7b8492;font-size:11px}.forum-stat b{display:block;color:#273244;font-size:16px;line-height:1.25}.forum-last{min-width:0;text-align:right}.forum-last a{display:block;color:#087052;text-decoration:none;font-weight:800;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forum-last span{display:block;color:#87909d;font-size:11px;margin-top:3px}.forum-empty{padding:38px 20px;text-align:center;color:#75808e}.forum-category-list{display:grid;gap:11px}.forum-category-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:#172235;box-shadow:0 5px 18px rgba(15,23,42,.035)}.forum-category-card:hover{border-color:#b5d8ca;transform:translateY(-1px)}.forum-category-icon{width:46px;height:46px;border-radius:12px;background:#e9f7f1;color:#087052;display:flex;align-items:center;justify-content:center}.forum-category-icon svg{width:22px;height:22px}.forum-category-card h3{margin:0 0 4px;font-size:17px}.forum-category-card p{margin:0;color:#76808d;font-size:12.5px}.forum-category-count{text-align:right;color:#7a8492;font-size:11px}.forum-category-count b{display:block;color:#243143;font-size:18px} @media(max-width:800px){.forum-row{grid-template-columns:40px minmax(0,1fr) 58px 58px;gap:8px;padding:13px 14px}.forum-avatar{width:38px;height:38px}.forum-topic-title{font-size:14.5px}.forum-stat{font-size:10px;line-height:1.15}.forum-stat b{font-size:14px}.forum-page-head{align-items:flex-start}.forum-page-head .btn{flex:0 0 auto}} @media(max-width:520px){.forum-page{padding-top:14px}.forum-page-head{display:block}.forum-page-head h1{font-size:23px}.forum-page-head .btn{margin-top:11px;width:100%}.forum-tabs{border-radius:10px;margin-bottom:10px}.forum-tabs a{padding:8px 10px;font-size:12px}.forum-board{border-radius:12px}.forum-board-title{padding:12px 13px}.forum-row{grid-template-columns:34px minmax(0,1fr) 46px 46px;gap:6px;padding:12px 10px}.forum-avatar{width:32px;height:32px;font-size:12px}.forum-topic-title{font-size:13.5px;line-height:1.3}.forum-topic-sub{font-size:10.5px;margin-top:4px}.forum-stat{font-size:9px;line-height:1.1}.forum-stat b{font-size:13px}.forum-category-card{grid-template-columns:42px minmax(0,1fr) auto;padding:14px}.forum-category-icon{width:40px;height:40px}.forum-category-card h3{font-size:15px}.forum-category-card p{font-size:11.5px}} .owner-landing{padding:28px 0 10px}.owner-landing-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:22px;align-items:stretch}.owner-welcome{position:relative;overflow:hidden;padding:28px;border-radius:20px;background:linear-gradient(130deg,#064b39,#0b7555);color:#fff;border:0}.owner-welcome:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-100px;background:rgba(255,255,255,.08)}.owner-welcome>*{position:relative;z-index:1}.owner-welcome .eyebrow{color:#a7efd3}.owner-welcome h1{font-size:34px;line-height:1.15;margin:0 0 12px;letter-spacing:-.035em}.owner-welcome p{max-width:680px;color:#d9eee7;font-size:16px;line-height:1.7;margin:0 0 21px}.owner-welcome .actions{gap:9px}.owner-welcome .btn.out{border-color:rgba(255,255,255,.45);background:transparent;color:#fff!important}.owner-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.owner-benefit{padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07)}.owner-benefit b{display:block;font-size:13px;margin-bottom:3px}.owner-benefit span{display:block;color:#cfe9df;font-size:11.5px}.owner-onboard{padding:23px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.owner-onboard h2{font-size:21px;margin:0 0 8px}.owner-onboard p{color:#687386;margin:0 0 17px}.owner-steps{display:grid;gap:10px;margin:17px 0}.owner-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.owner-step-no{width:34px;height:34px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:900}.owner-step b{display:block;font-size:13px}.owner-step span{display:block;color:#7a8492;font-size:12px;line-height:1.45;margin-top:2px}.owner-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.owner-dashboard-head h1{margin-bottom:6px}.owner-empty{padding:0}.owner-empty .owner-landing-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.owner-registration-note{padding:13px 14px;border-radius:11px;background:#f2faf6;border:1px solid #cfe7dc;color:#335c4d;font-size:13px;margin-top:14px} @media(max-width:900px){.owner-landing-grid{grid-template-columns:1fr}.owner-benefits{grid-template-columns:1fr 1fr 1fr}} @media(max-width:760px){.owner-landing{padding-top:14px}.owner-welcome,.owner-onboard{border-radius:15px;padding:18px}.owner-welcome h1{font-size:27px}.owner-welcome p{font-size:14.5px}.owner-benefits{grid-template-columns:1fr}.owner-dashboard-head{display:block}.owner-dashboard-head .actions{margin-top:14px}} .shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-card{border:1px solid #e5e9ee;border-radius:14px;padding:18px;background:#fff}.shop-card h3{margin:0 0 6px}.shop-card p{margin:6px 0}.shop-meta{display:flex;gap:8px;flex-wrap:wrap;color:#64748b;font-size:13px}.shop-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.shop-status.verified{background:#e7f8ef;color:#067647}.owner-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding-top:22px}.owner-side{align-self:start;position:sticky;top:82px;background:#fff;border:1px solid #e5e9ee;border-radius:14px;padding:10px}.owner-side a{display:block;padding:11px 12px;border-radius:9px;text-decoration:none;font-weight:750;color:#475569}.owner-side a.active,.owner-side a:hover{background:#edf9f3;color:#087348}.owner-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.owner-kpi{padding:16px;border-radius:12px;background:#f7faf9;border:1px solid #e6eeea}.owner-kpi b{display:block;font-size:22px;color:#0b6b47}.shop-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.shop-title-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.claim-note{padding:12px 14px;border-radius:10px;background:#fff8e7;color:#795b00;font-size:13px}.verified-shop-link{display:inline-flex;align-items:center;gap:4px;color:#067647!important;font-weight:850;text-decoration:none}.verified-shop-link:hover{text-decoration:underline}@media(max-width:760px){.shop-grid,.owner-shell,.owner-kpis{grid-template-columns:1fr}.owner-side{position:static;display:flex;overflow:auto}.owner-side a{white-space:nowrap}.shop-hero{display:block}.shop-card{padding:15px}} .shop-brand-visual{position:relative;margin:0 0 18px;border-radius:18px;overflow:visible;background:#eef5f2;min-height:110px}.shop-brand-cover{display:block;width:100%;height:260px;object-fit:cover;border-radius:18px}.shop-brand-logo{position:absolute;left:24px;bottom:-34px;width:92px;height:92px;object-fit:contain;background:#fff;border:4px solid #fff;border-radius:18px;box-shadow:0 8px 24px rgba(16,24,40,.14)}.shop-brand-visual:has(.shop-brand-logo){margin-bottom:48px}@media(max-width:760px){.shop-brand-cover{height:170px}.shop-brand-logo{left:16px;bottom:-28px;width:76px;height:76px;border-radius:15px}.shop-brand-visual:has(.shop-brand-logo){margin-bottom:40px}} .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px} .page-head h1{margin:0 0 6px;font-size:30px;line-height:1.18;letter-spacing:-.025em} .page-head p{margin:0;color:#667085;max-width:760px;line-height:1.6} .page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .surface{background:#fff;border:1px solid #e4e9e7;border-radius:16px;box-shadow:0 5px 22px rgba(15,23,42,.045)} .scroll-row{display:flex;gap:8px;flex-wrap:wrap} .directory-shop-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #e3e9e6;border-radius:15px;background:#fff;transition:.16s} .directory-shop-card:hover{border-color:#a5cdbd;box-shadow:0 9px 25px rgba(15,23,42,.055);transform:translateY(-1px)} .directory-shop-top{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start} .directory-shop-logo{width:52px;height:52px;border-radius:13px;border:1px solid #e5e9e7;background:#f3f7f5;object-fit:contain} .directory-shop-logo.placeholder{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#087348} .directory-shop-name{font-size:17px;font-weight:900;line-height:1.25;color:#1f2937;text-decoration:none} .directory-shop-name:hover{color:#087348} .directory-shop-status{margin-top:6px} .directory-shop-address{margin:12px 0 7px;color:#4f5d6b;font-size:13.5px;line-height:1.55} .directory-shop-contact{display:flex;gap:8px;flex-wrap:wrap;color:#7b8794;font-size:12px} .directory-shop-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:13px} .owner-shell-v2{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;padding-top:22px;padding-bottom:26px} .owner-side-v2{position:sticky;top:78px;align-self:start;padding:9px;background:#fff;border:1px solid #e3e9e6;border-radius:15px} .owner-side-v2 a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;text-decoration:none;color:#526071;font-size:13.5px;font-weight:800} .owner-side-v2 a:hover,.owner-side-v2 a.active{background:#edf8f3;color:#087348} .owner-main-v2{min-width:0} .owner-hero-v2{padding:22px 24px;margin-bottom:14px} .owner-hero-v2 .page-head{margin:0} .owner-kpis-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px} .owner-kpi-v2{padding:15px 16px;background:#fff;border:1px solid #e4e9e7;border-radius:14px} .owner-kpi-v2 span{display:block;color:#7a8592;font-size:11.5px;font-weight:750;margin-bottom:5px} .owner-kpi-v2 b{display:block;color:#174f3c;font-size:19px;line-height:1.25;overflow-wrap:anywhere} .owner-section-v2{padding:20px;margin-bottom:14px} .owner-section-v2 .section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px} .owner-section-v2 .section-title h2{margin:0 0 3px;font-size:19px} .owner-branch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 0;border-top:1px solid #edf0ef} .owner-branch-row:first-of-type{border-top:0} .owner-branch-name{font-weight:850;color:#27323f} .owner-branch-address{font-size:12.5px;color:#7a8592;margin-top:4px} .owner-branch-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end} .mobile-scroll{scrollbar-width:none} .mobile-scroll::-webkit-scrollbar{display:none} .form input,.form select,.form textarea{max-width:100%} img{max-width:100%} table{max-width:100%} pre,code{overflow-wrap:anywhere} @media(max-width:980px){ .shop-directory-grid{grid-template-columns:1fr} .owner-shell-v2{grid-template-columns:180px minmax(0,1fr)} } @media(max-width:760px){ body{overflow-x:hidden} .wrap,.wrap.narrow{max-width:100%} .page-head{display:block;margin-bottom:14px} .page-head h1{font-size:24px} .page-head p{font-size:13.5px} .page-actions{justify-content:flex-start;margin-top:13px} .page-actions .btn{flex:1 1 140px;text-align:center;justify-content:center} .shop-directory-page{padding-top:12px} .shop-directory-head{padding:17px;margin-bottom:10px;border-radius:14px} .shop-directory-filters{padding:12px 0 4px;border:0;background:transparent;box-shadow:none} .shop-directory-filters .filter-title{padding:0 2px} .scroll-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:1px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} .scroll-row .btn{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start} .shop-directory-grid{gap:10px} .directory-shop-card{padding:14px;border-radius:13px} .directory-shop-top{grid-template-columns:44px minmax(0,1fr);gap:10px} .directory-shop-logo{width:44px;height:44px;border-radius:11px} .directory-shop-name{font-size:15.5px} .directory-shop-address{font-size:13px;margin-top:10px} .directory-shop-actions .btn{flex:1 1 auto;justify-content:center;text-align:center} .owner-shell-v2{display:block;padding-top:10px} .owner-side-v2{position:static;display:flex;overflow-x:auto;gap:5px;padding:6px;margin-bottom:10px;border-radius:13px;scrollbar-width:none} .owner-side-v2::-webkit-scrollbar{display:none} .owner-side-v2 a{flex:0 0 auto;white-space:nowrap;padding:9px 10px;font-size:12px} .owner-hero-v2{padding:17px;margin-bottom:10px;border-radius:14px} .owner-kpis-v2{display:flex;overflow-x:auto;gap:8px;margin:0 -1px 10px;padding:1px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:none} .owner-kpis-v2::-webkit-scrollbar{display:none} .owner-kpi-v2{flex:0 0 78%;padding:13px;scroll-snap-align:start} .owner-kpi-v2 b{font-size:17px} .owner-section-v2{padding:16px;margin-bottom:10px;border-radius:14px} .owner-section-v2 .section-title{display:block} .owner-section-v2 .section-title .btn{margin-top:9px;width:100%;text-align:center} .owner-branch-row{grid-template-columns:1fr;padding:13px 0} .owner-branch-actions{justify-content:flex-start} .owner-branch-actions .btn{flex:1 1 120px;text-align:center} .admin-title{display:block} .admin-title>.btn,.admin-title>.actions{margin-top:10px} .actions{max-width:100%} .actions .btn{max-width:100%} .mod-table{min-width:680px} .card>div[style*="overflow:auto"]{margin-left:-4px;margin-right:-4px} .form .btn:not(.small){width:100%} h1{overflow-wrap:anywhere} } @media(max-width:430px){ .directory-shop-contact{display:grid;gap:4px} .owner-kpi-v2{flex-basis:88%} .shop-directory-head .btn{width:100%} } .owner-register-v2{padding-top:22px;padding-bottom:28px;max-width:1120px} .owner-register-hero{padding:28px 30px;margin-bottom:14px} .owner-register-hero h1{font-size:32px;line-height:1.16;margin:7px 0 9px;letter-spacing:-.025em} .owner-register-hero>p{max-width:760px;margin:0;color:#667085;line-height:1.6} .owner-register-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px} .owner-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .owner-register-card{padding:22px 24px;min-width:0} .owner-register-card h2{font-size:20px;margin:6px 0 16px} .owner-register-steps{display:grid;gap:13px} .owner-register-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start} .owner-register-step>b{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#eaf7f1;color:#087348;font-size:16px} .owner-register-step strong,.owner-register-benefits b{display:block;font-size:14px;color:#162033;margin-bottom:3px} .owner-register-step span,.owner-register-benefits span{display:block;font-size:13px;line-height:1.5;color:#778291} .owner-register-benefits{display:grid;gap:11px} .owner-register-benefits>div{padding:13px 14px;border:1px solid #e4ebe7;border-radius:12px;background:#fbfdfc} .owner-register-bottom{text-align:center;padding:18px 12px 0} .owner-register-bottom p{font-size:12.5px;color:#7b8794;margin:9px auto 0;max-width:650px;line-height:1.5} @media(max-width:760px){ .owner-register-v2{padding-top:10px;padding-left:12px;padding-right:12px} .owner-register-hero{padding:18px 16px;border-radius:14px;margin-bottom:10px} .owner-register-hero h1{font-size:24px;margin-top:5px} .owner-register-hero>p{font-size:13.5px;line-height:1.55} .owner-register-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px} .owner-register-actions .btn{width:100%;text-align:center;justify-content:center} .owner-register-grid{grid-template-columns:1fr;gap:10px} .owner-register-card{padding:17px 16px;border-radius:14px} .owner-register-card h2{font-size:18px;margin-bottom:14px} .owner-register-step{grid-template-columns:34px minmax(0,1fr);gap:10px} .owner-register-step>b{width:34px;height:34px;border-radius:10px;font-size:14px} .owner-register-step strong{font-size:13.5px} .owner-register-step span,.owner-register-benefits span{font-size:12.5px} .owner-register-bottom{padding:12px 0 0} .owner-register-bottom .btn{width:100%;text-align:center;justify-content:center} } @media(max-width:380px){ .owner-register-v2{padding-left:9px;padding-right:9px} .owner-register-hero,.owner-register-card{padding-left:14px;padding-right:14px} } .liq-page{padding-top:22px;padding-bottom:30px}.liq-hero{padding:25px 27px;margin-bottom:14px;background:linear-gradient(135deg,#f6fbf9,#fff);border:1px solid #dfe9e5;border-radius:18px}.liq-hero h1{margin:5px 0 8px;font-size:31px;line-height:1.18}.liq-hero p{margin:0;max-width:760px;color:#667085}.liq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.liq-cats{display:flex;gap:7px;flex-wrap:wrap}.liq-cats a{padding:8px 11px;border:1px solid #dde6e2;border-radius:999px;background:#fff;text-decoration:none;color:#475467;font-size:13px;font-weight:750}.liq-cats a.active,.liq-cats a:hover{background:#eaf7f2;border-color:#8fc4b0;color:#07563d}.liq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.liq-card{background:#fff;border:1px solid #e2e8e5;border-radius:15px;overflow:hidden;min-width:0;transition:.15s}.liq-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,23,42,.07)}.liq-thumb{display:block;aspect-ratio:4/3;background:#eef3f1;overflow:hidden}.liq-thumb img{width:100%;height:100%;object-fit:cover;display:block}.liq-thumb-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#84918b;font-size:13px;font-weight:800}.liq-card-body{padding:13px}.liq-card-title{display:block;color:#1f2937;text-decoration:none;font-weight:850;line-height:1.35;margin-bottom:7px}.liq-price{font-size:18px;color:#b42318;font-weight:900}.liq-old-price{color:#98a2b3;text-decoration:line-through;font-size:12px;margin-left:5px}.liq-seller{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12px;color:#667085}.liq-seller img{width:26px;height:26px;border-radius:7px;object-fit:contain;border:1px solid #e4e9e7;background:#fff}.liq-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.liq-gallery-main{background:#fff;border:1px solid #e1e7e4;border-radius:16px;overflow:hidden;aspect-ratio:4/3}.liq-gallery-main img{width:100%;height:100%;object-fit:contain;background:#f6f8f7}.liq-gallery-thumbs{display:flex;gap:7px;margin-top:8px;overflow-x:auto}.liq-gallery-thumbs img{width:72px;height:58px;object-fit:cover;border-radius:9px;border:1px solid #dde5e1;background:#fff}.liq-info{padding:21px}.liq-info h1{font-size:28px;line-height:1.2;margin:5px 0 10px}.liq-price-big{font-size:29px;font-weight:950;color:#b42318;margin:8px 0}.liq-meta{display:grid;gap:8px;margin:15px 0;padding:13px 0;border-top:1px solid #edf0ef;border-bottom:1px solid #edf0ef}.liq-desc{white-space:pre-wrap;line-height:1.75}.liq-edit-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.liq-edit-images label{border:1px solid #dfe6e2;border-radius:10px;padding:7px;background:#fff}.liq-edit-images img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;display:block;margin-bottom:5px}.liq-edit-images input{width:auto!important}.liq-upload-box{padding:14px;border:1px solid #e1e8e4;border-radius:12px;background:#f9fbfa;margin:14px 0}.liq-owner-warning{padding:18px;border:1px solid #ead8a8;background:#fffaf0;border-radius:14px}.liq-admin-list-thumb{width:54px;height:44px;object-fit:cover;border-radius:8px;background:#eef3f1} @media(max-width:980px){.liq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.liq-detail{grid-template-columns:1fr}} @media(max-width:760px){.liq-page{padding-top:12px}.liq-hero{padding:18px 16px;border-radius:14px}.liq-hero h1{font-size:24px}.liq-toolbar{display:block}.liq-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.liq-cats::-webkit-scrollbar{display:none}.liq-cats a{flex:0 0 auto;white-space:nowrap}.liq-grid{grid-template-columns:1fr 1fr;gap:9px}.liq-card-body{padding:10px}.liq-card-title{font-size:13.5px}.liq-price{font-size:15.5px}.liq-seller{font-size:11px}.liq-info{padding:16px}.liq-info h1{font-size:22px}.liq-price-big{font-size:24px}.liq-edit-images{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:430px){.liq-grid{grid-template-columns:1fr 1fr}.liq-card-title{min-height:36px}.liq-seller span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} .liq-hero-v2{position:relative;overflow:hidden;padding:38px 40px;margin-bottom:18px;border:1px solid #dce9e3;border-radius:22px;background:linear-gradient(135deg,#f3fbf7 0%,#fff 62%,#f5faf8 100%)} .liq-hero-v2:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-95px;background:rgba(15,128,85,.055)} .liq-hero-v2 .kicker{font-size:12px;font-weight:900;letter-spacing:.07em;color:#087348} .liq-hero-v2 h1{max-width:760px;margin:8px 0 10px;font-size:38px;line-height:1.12;letter-spacing:-.035em} .liq-hero-v2>p{max-width:790px;margin:0;color:#65717f;line-height:1.65;font-size:15.5px} .liq-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .liq-trust-row span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #deebe5;font-size:12.5px;font-weight:800;color:#315d4d} .liq-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px} .liq-intro-v2{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-bottom:18px} .liq-intro-card{padding:22px 24px;border:1px solid #e1e9e5;border-radius:17px;background:#fff} .liq-intro-card h2{margin:6px 0 8px;font-size:21px} .liq-intro-card p{margin:0;color:#6b7683;line-height:1.65} .liq-intro-list{display:grid;gap:9px;margin-top:14px} .liq-intro-list div{display:flex;gap:8px;align-items:flex-start;color:#465463;font-size:13.5px} .liq-intro-list b{color:#087348} .liq-stock-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:8px 0 12px} .liq-stock-head h2{margin:4px 0 0;font-size:24px} .liq-stock-head p{margin:0;color:#7b8793;font-size:13px} .liq-catalog{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-bottom:20px} .liq-cat-side{padding:10px;background:#fff;border:1px solid #e2e9e6;border-radius:16px;align-self:start} .liq-cat-side-title{padding:8px 10px 10px;font-size:12px;font-weight:900;color:#687480;text-transform:uppercase;letter-spacing:.05em} .liq-cat-side a{display:flex;align-items:center;gap:9px;padding:11px 10px;border-radius:10px;text-decoration:none;color:#44515e;font-size:13.5px;font-weight:800} .liq-cat-side a:hover,.liq-cat-side a.active{background:#edf8f3;color:#087348} .liq-cat-icon{width:25px;text-align:center;font-size:17px} .liq-cat-arrow{margin-left:auto;color:#9aa5ad} .liq-catalog-main{min-width:0} .liq-subcats{display:flex;gap:7px;align-items:center;min-height:46px;overflow-x:auto;padding:5px 0 10px;scrollbar-width:none} .liq-subcats::-webkit-scrollbar{display:none} .liq-subcats a{flex:0 0 auto;white-space:nowrap;padding:8px 11px;border:1px solid #dfe7e3;border-radius:999px;background:#fff;text-decoration:none;color:#566270;font-size:12.5px;font-weight:800} .liq-subcats a.active,.liq-subcats a:hover{border-color:#8fc4b0;background:#eaf7f2;color:#087348} .liq-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 10px} .liq-product-head h3{margin:0;font-size:18px} .liq-product-head .muted{font-size:12.5px} .liq-sort{display:flex;gap:7px;align-items:center} .liq-sort select,.liq-sort input{padding:8px 10px;border:1px solid #dfe5e2;border-radius:9px;background:#fff;font-size:12.5px} .liq-empty-v2{padding:34px 22px;text-align:center;border:1px dashed #d9e3de;border-radius:15px;background:#fbfdfc} .liq-empty-v2 .icon{font-size:34px;opacity:.75}.liq-empty-v2 h3{margin:8px 0 5px;font-size:18px}.liq-empty-v2 p{max-width:540px;margin:0 auto;color:#7b8792;font-size:13.5px;line-height:1.6} .liq-process{margin:24px 0}.liq-process h2,.liq-transparency h2,.liq-faq h2{margin:5px 0 14px;font-size:25px} .liq-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .liq-process-card{padding:18px;border:1px solid #e1e8e5;border-radius:15px;background:#fff} .liq-process-no{font-size:22px;font-weight:950;color:#0a7952;margin-bottom:11px}.liq-process-card h3{font-size:16px;margin:0 0 6px}.liq-process-card p{margin:0;color:#75818d;line-height:1.55;font-size:12.8px} .liq-transparency{padding:24px;margin:22px 0;border:1px solid #deebe5;border-radius:18px;background:#f8fcfa} .liq-transparency>p{max-width:780px;color:#697682;line-height:1.65} .liq-transparency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px} .liq-transparency-card{padding:16px;border:1px solid #e0e9e5;border-radius:13px;background:#fff} .liq-transparency-card b{display:block;margin-bottom:5px;color:#27343e}.liq-transparency-card span{font-size:12.5px;color:#78848f} .liq-faq{margin:22px 0}.liq-faq details{background:#fff;border:1px solid #e2e8e5;border-radius:12px;margin-bottom:8px;padding:0 15px} .liq-faq summary{cursor:pointer;padding:14px 0;font-weight:850;color:#26323c}.liq-faq details p{margin:0 0 14px;color:#697682;line-height:1.65;font-size:13.5px} .liq-card-v2 .liq-card-body{padding:12px}.liq-card-v2 .liq-card-title{min-height:38px} .liq-badge-row{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.liq-mini-badge{font-size:10.5px;padding:4px 6px;border-radius:999px;background:#f0f5f3;color:#587064;font-weight:750} .liq-seller-v2{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid #eef1ef} .liq-seller-v2 img{width:28px;height:28px;border-radius:7px;object-fit:contain;border:1px solid #e3e8e5;background:#fff} .liq-seller-v2 strong{display:block;font-size:11.8px}.liq-seller-v2 span{display:block;font-size:10.5px;color:#7b8792} @media(max-width:980px){ .liq-catalog{grid-template-columns:185px minmax(0,1fr)} .liq-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .liq-intro-v2{grid-template-columns:1fr} } @media(max-width:760px){ .liq-hero-v2{padding:23px 17px;border-radius:16px}.liq-hero-v2 h1{font-size:27px}.liq-hero-v2>p{font-size:13.5px} .liq-trust-row{gap:6px}.liq-trust-row span{font-size:11.5px;padding:7px 9px} .liq-hero-actions{display:grid;grid-template-columns:1fr}.liq-hero-actions .btn{width:100%;justify-content:center;text-align:center} .liq-intro-card{padding:17px}.liq-stock-head{display:block}.liq-stock-head p{margin-top:4px} .liq-catalog{display:block}.liq-cat-side{display:flex;overflow-x:auto;gap:6px;padding:7px;margin-bottom:8px;scrollbar-width:none}.liq-cat-side::-webkit-scrollbar{display:none} .liq-cat-side-title{display:none}.liq-cat-side a{flex:0 0 auto;padding:8px 9px;border:1px solid #e0e8e4;white-space:nowrap}.liq-cat-arrow{display:none} .liq-subcats{padding-top:2px}.liq-product-head{display:block}.liq-sort{margin-top:8px;overflow-x:auto}.liq-sort input{min-width:150px} .liq-process-grid{grid-template-columns:1fr 1fr}.liq-transparency{padding:18px}.liq-transparency-grid{grid-template-columns:1fr} } @media(max-width:430px){ .liq-process-grid{grid-template-columns:1fr} .liq-grid{grid-template-columns:1fr 1fr} .liq-hero-v2 h1{font-size:25px} } .liq-react-shell{margin:0 0 20px}.liq-react-note{font-size:11.5px;color:#7b8792;margin:6px 0 0} .liq-react-browser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px} .liq-react-sidebar{padding:9px;border:1px solid #e0e8e4;border-radius:16px;background:#fff;align-self:start} .liq-react-sidebar button{width:100%;display:flex;align-items:center;gap:8px;padding:10px;border:0;border-radius:10px;background:transparent;text-align:left;color:#45525f;font-weight:800;cursor:pointer} .liq-react-sidebar button.active,.liq-react-sidebar button:hover{background:#edf8f3;color:#087348} .liq-react-main{min-width:0}.liq-react-levels{display:grid;gap:8px;margin-bottom:10px} .liq-react-level{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.liq-react-level::-webkit-scrollbar{display:none} .liq-react-level button{flex:0 0 auto;padding:8px 11px;border:1px solid #dfe7e3;border-radius:999px;background:#fff;color:#566270;font-size:12.5px;font-weight:800;cursor:pointer;white-space:nowrap} .liq-react-level button.active,.liq-react-level button:hover{background:#eaf7f2;border-color:#8fc4b0;color:#087348} .liq-react-products-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 0 10px} .liq-react-products-head h3{margin:0;font-size:18px}.liq-react-loading{padding:28px;text-align:center;color:#7b8792} .liq-breadcrumb{display:flex;gap:6px;align-items:center;overflow-x:auto;white-space:nowrap;font-size:12px;color:#7b8792;margin-bottom:8px}.liq-breadcrumb a{text-decoration:none;color:#52606d} @media(max-width:760px){.liq-react-browser{display:block}.liq-react-sidebar{display:flex;overflow-x:auto;gap:6px;padding:7px;margin-bottom:8px;scrollbar-width:none}.liq-react-sidebar::-webkit-scrollbar{display:none}.liq-react-sidebar button{width:auto;flex:0 0 auto;white-space:nowrap;border:1px solid #e0e8e4}.liq-react-products-head{display:block}} .liq-cat-picker{display:grid;grid-template-columns:1fr;gap:9px} .liq-cat-picker>div{min-width:0} .liq-cat-picker select{width:100%} .liq-cat-picker select:disabled{background:#f3f5f4;color:#98a2a0;cursor:not-allowed} .liq-cat-picker .liq-cat-final{display:none!important} .liq-page{max-width:1240px}.liq-hero-v2{padding:30px 32px;margin-bottom:14px;border-radius:18px;background:linear-gradient(120deg,#f4fbf7 0%,#fff 70%);box-shadow:none}.liq-hero-v2:after{width:210px;height:210px}.liq-hero-v2 h1{font-size:32px;max-width:720px;margin:6px 0 8px}.liq-hero-v2>p{font-size:14px;max-width:760px}.liq-trust-row{margin-top:14px;gap:7px}.liq-trust-row span{padding:6px 9px;font-size:11.5px} .liq-stock-head{align-items:center;margin:18px 0 10px}.liq-stock-head h2{font-size:22px}.liq-stock-head p{max-width:440px;text-align:right}.liq-react-shell{margin-bottom:24px}.liq-react-browser{grid-template-columns:210px minmax(0,1fr);gap:16px}.liq-react-sidebar{position:sticky;top:82px;padding:8px;border-radius:14px;box-shadow:0 5px 20px rgba(15,23,42,.035)}.liq-react-sidebar button,.liq-react-sidebar>a{min-height:42px;border-radius:9px!important;font-size:13px!important}.liq-react-sidebar button{padding:9px 10px}.liq-react-sidebar button.active,.liq-react-sidebar button:hover,.liq-react-sidebar>a.active{background:#e8f6ef!important;color:#087348!important} .liq-react-levels{padding:12px 13px;margin:0 0 14px;border:1px solid #e3e9e6;border-radius:14px;background:#fbfdfc}.liq-react-level{gap:7px}.liq-react-level+.liq-react-level{padding-top:8px;margin-top:8px;border-top:1px solid #edf1ef}.liq-react-level button{padding:7px 10px;font-size:12px;border-radius:9px}.liq-react-products-head{padding:0 1px;margin:0 0 11px;align-items:center}.liq-react-products-head h3{font-size:19px}.liq-react-products-head select{height:38px;padding:0 32px 0 11px;border:1px solid #dce4e0;border-radius:10px;background:#fff;color:#46515d} .liq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.liq-card-v2{border-radius:14px;box-shadow:0 2px 10px rgba(15,23,42,.025)}.liq-card-v2 .liq-thumb{aspect-ratio:1/1;background:#f4f7f5}.liq-card-v2 .liq-card-body{padding:12px 13px 13px}.liq-card-v2 .liq-card-title{min-height:auto;margin-bottom:7px;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.liq-card-v2 .liq-price{font-size:18px}.liq-seller-v2 strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liq-empty-v2{min-height:220px;display:flex;flex-direction:column;justify-content:center}.liq-breadcrumb{padding:2px 1px 7px;margin-bottom:0} @media(max-width:980px){.liq-react-browser{grid-template-columns:180px minmax(0,1fr)}.liq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){ .liq-page{padding-top:8px;padding-left:12px;padding-right:12px}.liq-hero-v2{padding:17px 15px;margin:0 0 12px;border-radius:14px}.liq-hero-v2 .kicker{font-size:10px;letter-spacing:.04em}.liq-hero-v2 h1{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:5px 0 7px}.liq-hero-v2>p{font-size:12.5px;line-height:1.55}.liq-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.liq-trust-row span{justify-content:flex-start;padding:6px 7px;border-radius:8px;font-size:10.5px} .liq-stock-head{display:block;margin:14px 0 8px}.liq-stock-head h2{font-size:19px}.liq-stock-head p{margin-top:3px;text-align:left;font-size:11.5px}.liq-react-browser{display:block}.liq-react-sidebar{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;margin:0 0 10px;border:0;box-shadow:none;background:transparent;overflow:visible}.liq-react-sidebar button,.liq-react-sidebar>a{width:100%!important;min-height:58px!important;margin:0!important;padding:7px 4px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center!important;white-space:normal!important;border:1px solid #e0e7e3!important;border-radius:11px!important;background:#fff!important;font-size:10.5px!important;line-height:1.18;color:#48545f!important}.liq-react-sidebar button:first-child,.liq-react-sidebar>a:first-child{grid-column:span 2;min-height:44px!important;flex-direction:row}.liq-react-sidebar button.active,.liq-react-sidebar>a.active{border-color:#91c8b2!important;background:#eaf7f1!important;color:#076b48!important} .liq-react-levels{padding:10px;margin-bottom:11px;border-radius:12px}.liq-react-level{gap:6px}.liq-react-level button{padding:7px 9px;font-size:11px;border-radius:8px}.liq-react-products-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px}.liq-react-products-head h3{font-size:16px}.liq-react-products-head .muted{font-size:10.5px}.liq-react-products-head select{max-width:125px;height:35px;font-size:11px;padding-left:8px} .liq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.liq-card-v2{border-radius:11px}.liq-card-v2 .liq-card-body{padding:8px}.liq-card-v2 .liq-card-title{font-size:12px;line-height:1.35;margin-bottom:5px}.liq-card-v2 .liq-price{font-size:14px}.liq-card-v2 .liq-old-price{font-size:9px;margin-left:3px}.liq-badge-row{gap:4px;margin:5px 0}.liq-mini-badge{padding:3px 5px;font-size:8.8px}.liq-seller-v2{gap:5px;margin-top:6px;padding-top:6px}.liq-seller-v2 img{width:23px;height:23px}.liq-seller-v2 strong{font-size:9.8px;max-width:100px}.liq-seller-v2 span{display:none} .liq-process{margin-top:18px}.liq-process h2{font-size:20px}.liq-process-grid{grid-template-columns:1fr 1fr;gap:7px}.liq-process-card{padding:12px}.liq-process-no{font-size:17px;margin-bottom:7px}.liq-process-card h3{font-size:13px}.liq-process-card p{font-size:10.5px}.liq-breadcrumb{font-size:10.5px;padding-bottom:6px} } @media(max-width:390px){.liq-react-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.liq-react-sidebar button:first-child,.liq-react-sidebar>a:first-child{grid-column:span 3}.liq-grid{gap:7px}} .liq-react-browser{display:block} .liq-icon-tabs{ position:relative!important;top:auto!important; display:flex!important;align-items:stretch;gap:4px!important; width:100%;padding:5px 7px!important;margin:0 0 13px!important; overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none; border:1px solid #e4e9e7!important;border-radius:14px!important;background:#fff!important; box-shadow:0 3px 14px rgba(15,23,42,.035)!important } .liq-icon-tabs::-webkit-scrollbar{display:none} .liq-icon-tabs .liq-icon-tab{ position:relative;flex:1 0 76px;min-width:76px;max-width:108px;min-height:69px!important; display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important; gap:4px!important;margin:0!important;padding:7px 5px 9px!important; border:0!important;border-radius:10px!important;background:transparent!important; color:#424e59!important;text-decoration:none!important;text-align:center!important;cursor:pointer } .liq-icon-tabs .liq-icon-tab:hover{background:#f7faf8!important} .liq-icon-tabs .liq-icon-tab.active{background:#f8fcfa!important;color:#087348!important} .liq-icon-tabs .liq-icon-tab.active:after{ content:"";position:absolute;left:19%;right:19%;bottom:0;height:3px;border-radius:4px 4px 0 0;background:#17a56f } .liq-icon-tab-ico{display:flex;align-items:center;justify-content:center;height:29px;font-size:25px;line-height:1} .liq-icon-tab-label{display:block;font-size:10.5px!important;line-height:1.16;font-weight:750!important;white-space:normal} .liq-react-main{width:100%;min-width:0} @media(min-width:761px){ .liq-icon-tabs{justify-content:center} .liq-icon-tabs .liq-icon-tab{flex:0 0 96px;min-width:90px;max-width:110px} .liq-icon-tab-ico{font-size:27px}.liq-icon-tab-label{font-size:11px!important} } @media(max-width:760px){ .liq-icon-tabs{ display:flex!important;grid-template-columns:none!important;gap:2px!important; margin:0 -2px 10px!important;padding:4px 3px!important;border-radius:11px!important; overflow-x:auto!important } .liq-icon-tabs .liq-icon-tab,.liq-icon-tabs button:first-child,.liq-icon-tabs a:first-child{ grid-column:auto!important;flex:0 0 66px!important;width:66px!important;min-width:66px!important;max-width:66px!important; min-height:63px!important;padding:6px 2px 8px!important;border:0!important;border-radius:8px!important; flex-direction:column!important;background:transparent!important } .liq-icon-tab-ico{height:27px;font-size:23px}.liq-icon-tab-label{font-size:9.5px!important;line-height:1.12} .liq-icon-tabs .liq-icon-tab.active:after{left:24%;right:24%;height:3px} } :root{--site-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif} html,body,button,input,select,textarea,option{ font-family:var(--site-font)!important; } h1,h2,h3,h4,h5,h6,p,a,span,label,small,strong,b,em, div,section,article,aside,nav,header,footer,main, ul,ol,li,dl,dt,dd,table,thead,tbody,tfoot,tr,th,td, summary,details,blockquote,figcaption{ font-family:inherit; } input::placeholder,textarea::placeholder{font-family:var(--site-font)!important} select,option{font-family:var(--site-font)!important} code,pre,kbd,samp{font-family:Consolas,"Liberation Mono",monospace!important} .liq-admin-tree-toolbar{padding:14px 16px;margin-bottom:12px} .liq-admin-tree-tools{display:flex;align-items:end;justify-content:space-between;gap:14px} .liq-admin-tree-tools>div:first-child{flex:1}.liq-admin-tree-tools label{display:block;margin:0 0 6px;font-weight:700}.liq-admin-tree-tools input{width:100%;height:43px;padding:0 13px;border:1px solid #d9e2de;border-radius:10px} .liq-admin-tree-buttons{display:flex;gap:7px} .liq-admin-tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start} .liq-admin-tree-panel{min-width:0}.liq-admin-tree-summary{display:flex;justify-content:space-between;gap:12px;padding:0 3px 9px;color:#667085;font-size:13px} .liq-cat-group,.liq-cat-subgroup{border:1px solid #dfe7e3;border-radius:13px;background:#fff;margin-bottom:9px;overflow:hidden} .liq-cat-group>summary,.liq-cat-subgroup>summary{list-style:none;cursor:pointer}.liq-cat-group>summary::-webkit-details-marker,.liq-cat-subgroup>summary::-webkit-details-marker{display:none} .liq-cat-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;background:#fbfdfc} .liq-cat-group[open]>summary{border-bottom:1px solid #e7ece9;background:#f4faf7} .liq-cat-summary-main{display:flex;align-items:center;gap:10px;min-width:0}.liq-cat-folder{font-size:16px;color:#087348}.liq-cat-summary-main strong{font-size:16px}.liq-cat-summary-main small{display:block;margin-top:2px;color:#7b8792;font-size:11.5px} .liq-cat-summary-meta,.liq-cat-inline-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .liq-cat-group-body{padding:10px}.liq-cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:9px;background:#fafcfb}.liq-cat-row-root{margin-bottom:8px;background:#f6faf8}.liq-cat-actions{display:flex;gap:6px;flex-wrap:wrap} .liq-cat-subgroup{margin:7px 0;border-radius:10px}.liq-cat-subgroup>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.liq-cat-subgroup[open]>summary{background:#fbfdfc;border-bottom:1px solid #edf1ef}.liq-cat-subgroup summary small{display:block;color:#89928f;font-size:11px;margin-top:2px} .liq-cat-sub-body{padding:8px 10px 11px}.liq-cat-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px} .liq-cat-model{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #e5ebe8;border-radius:9px;background:#fff}.liq-cat-model-name{min-width:0}.liq-cat-model-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liq-cat-model-name span{display:block;color:#98a2b3;font-size:10.5px;margin-top:1px}.liq-cat-model-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.btn.tiny{padding:5px 7px!important;font-size:11px!important;min-height:auto!important} .liq-admin-editor-panel{position:sticky;top:74px}.liq-admin-editor-card{padding:16px}.liq-admin-editor-head{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:10px}.liq-admin-editor-head h2{margin:3px 0 0;font-size:19px} @media(max-width:1050px){.liq-admin-tree-layout{grid-template-columns:1fr}.liq-admin-editor-panel{position:static}.liq-cat-model-grid{grid-template-columns:1fr 1fr}} @media(max-width:760px){.liq-admin-tree-tools{display:block}.liq-admin-tree-buttons{margin-top:8px}.liq-admin-tree-buttons .btn{flex:1}.liq-cat-group>summary,.liq-cat-subgroup>summary{align-items:flex-start}.liq-cat-summary-meta,.liq-cat-inline-meta{justify-content:flex-end}.liq-cat-model-grid{grid-template-columns:1fr}.liq-cat-model{align-items:flex-start;flex-direction:column}.liq-cat-model-actions{justify-content:flex-start}.liq-admin-tree-summary{font-size:11.5px}.liq-cat-row{align-items:flex-start;flex-direction:column}.liq-cat-actions{width:100%}} .liq-cat-edit.is-editing{background:#e8f6ef!important;border-color:#8fc9b1!important;color:#087348!important} .liq-admin-editor-panel{scroll-margin-top:78px} @media(min-width:1051px){.liq-admin-editor-card{max-height:calc(100vh - 92px);overflow:auto}} .liq-publish-settings{max-width:980px}.liq-setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 0;border-bottom:1px solid #e7ece9}.liq-setting-row:last-child{border-bottom:0}.liq-setting-copy{min-width:0}.liq-setting-copy h3{margin:0 0 4px;font-size:17px}.liq-setting-copy p{margin:0;color:#667085;font-size:13px;line-height:1.55;max-width:720px}.liq-switch{position:relative;display:inline-flex;flex:0 0 54px;width:54px;height:30px;cursor:pointer}.liq-switch input{position:absolute;opacity:0;pointer-events:none}.liq-switch-track{position:absolute;inset:0;border-radius:999px;background:#cbd3dc;transition:.18s}.liq-switch-track:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.22);transition:.18s}.liq-switch input:checked+.liq-switch-track{background:#0b8f65}.liq-switch input:checked+.liq-switch-track:after{transform:translateX(24px)}.liq-setting-fixed{padding:16px 18px;margin-top:14px;border:1px solid #dce5e1;border-radius:12px;background:#f8fbfa}.liq-setting-fixed b{display:block;margin-bottom:4px}.liq-setting-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#eaf7f1;color:#08714f;font-size:12px;font-weight:700}.liq-setting-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px} .liq-coming{padding:34px 0 48px}.liq-coming-card{position:relative;overflow:hidden;max-width:860px;margin:0 auto;padding:42px;border:1px solid #dfe8e4;border-radius:22px;background:linear-gradient(135deg,#f3faf7,#fff 65%);text-align:center}.liq-coming-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f6ef;color:#08714f;font-size:12px;font-weight:700}.liq-coming-card h1{margin:12px auto 10px;max-width:640px;font-size:34px}.liq-coming-card>p{max-width:650px;margin:0 auto;color:#667085;line-height:1.7}.liq-coming-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0;text-align:left}.liq-coming-points div{padding:15px;border:1px solid #e5ebe8;border-radius:13px;background:#fff}.liq-coming-points b{display:block;margin-bottom:4px}.liq-coming-points span{color:#75808b;font-size:12.5px} @media(max-width:760px){.liq-setting-row{padding:17px 0;gap:14px}.liq-setting-copy h3{font-size:15px}.liq-switch{flex-basis:50px;width:50px;height:28px}.liq-switch-track:after{width:22px;height:22px}.liq-switch input:checked+.liq-switch-track:after{transform:translateX(22px)}.liq-coming-card{padding:25px 16px;border-radius:16px}.liq-coming-card h1{font-size:25px}.liq-coming-points{grid-template-columns:1fr}} @media(max-width:850px){.job-grid{grid-template-columns:1fr}.job-detail{grid-template-columns:1fr}.job-hero{padding:20px 17px}.job-hero h1{font-size:25px}} .shop-status.active{ display:inline-flex; align-items:center; padding:4px 9px; border-radius:999px; background:#eaf7f1; color:#08714f; font-weight:700; font-size:12px; } .directory-shop-status{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; } .directory-shop-status .verified{ font-size:12px; } .portal-hero{position:relative;overflow:hidden;padding:66px 0 58px;background:radial-gradient(circle at 78% 16%,rgba(30,169,190,.22),transparent 27%),linear-gradient(128deg,#0b1d30 0%,#102d47 58%,#0d5265 100%);color:#fff}.portal-hero:after{content:"";position:absolute;inset:auto -130px -250px auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.portal-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:64px;align-items:center}.portal-badge,.portal-kicker{display:block;font-size:10.5px;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.portal-badge{color:#77d9e5;margin-bottom:14px}.portal-hero h1{font-size:52px;line-height:1.06;letter-spacing:-.048em;margin:0 0 19px;max-width:800px}.portal-hero h1 em{font-style:normal;color:#6fe0ea}.portal-hero-copy>p{font-size:17px;line-height:1.72;color:#c9d8e4;max-width:730px;margin:0 0 24px}.portal-search{max-width:700px;margin-bottom:15px}.portal-search form{height:56px;background:#fff;border-radius:15px;padding:6px 6px 6px 17px;display:flex;align-items:center;gap:11px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.portal-search svg{width:20px;color:#78909f;flex:0 0 20px}.portal-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:15px;color:#1d2939}.portal-search button{height:44px;padding:0 20px;border:0;border-radius:11px;background:#0e7490;color:#fff;font-weight:850;cursor:pointer}.portal-actions{display:flex;gap:9px;flex-wrap:wrap}.portal-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:10px;text-decoration:none;font-weight:850;font-size:13px}.portal-btn.primary{background:#65d8e5;color:#0b2438}.portal-btn.secondary{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.05)}.portal-stats{display:flex;gap:0;margin-top:27px}.portal-stats span{padding:0 24px;border-left:1px solid rgba(255,255,255,.14)}.portal-stats span:first-child{padding-left:0;border-left:0}.portal-stats b{display:block;font-size:20px}.portal-stats small{display:block;color:#9fb5c4;font-size:11px;margin-top:1px}.portal-hero-side{padding:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.065);border-radius:20px;backdrop-filter:blur(10px)}.portal-side-label{padding:10px 12px 7px;color:#7fc9d4;font-size:10px;letter-spacing:.13em;font-weight:900}.portal-quick{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:11px;align-items:center;padding:13px 12px;border-radius:13px;color:#fff;text-decoration:none}.portal-quick:hover{background:rgba(255,255,255,.09)}.portal-qicon{width:40px;height:40px;border-radius:11px;background:rgba(101,216,229,.12);color:#78e2ec;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}.portal-quick b{display:block;font-size:13.5px}.portal-quick small{display:block;color:#aabfcd;font-size:11.5px;margin-top:2px}.portal-quick strong{color:#79dce7}.portal-services{padding:42px 0 38px;background:#fff;border-bottom:1px solid #e8edf2}.portal-section-head{margin-bottom:20px}.portal-section-head.inline{display:flex;justify-content:space-between;align-items:end;gap:20px}.portal-section-head h2{font-size:29px;letter-spacing:-.035em;margin:3px 0 6px;color:#12243a}.portal-section-head p{margin:0;color:#6c7888;max-width:680px}.portal-kicker{color:#0e7490;margin-bottom:6px}.portal-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-service-card{position:relative;min-height:205px;padding:22px;border:1px solid #e3e9ef;border-radius:16px;background:#fff;text-decoration:none;color:#15253a;transition:.18s ease;overflow:hidden}.portal-service-card:hover{transform:translateY(-2px);border-color:#9ccbd5;box-shadow:0 14px 32px rgba(16,38,61,.08)}.portal-service-no{display:inline-flex;width:34px;height:34px;border-radius:10px;background:#edf8fa;align-items:center;justify-content:center;color:#0e7490;font-size:11px;font-weight:900}.portal-service-card h3{font-size:18px;margin:18px 0 7px}.portal-service-card p{font-size:13px;color:#6d7988;line-height:1.6;margin:0 0 18px}.portal-service-link{position:absolute;bottom:20px;font-size:12px;font-weight:850;color:#0e7490}.portal-service-link b{margin-left:4px}.portal-regions{padding:38px 0}.portal-section-head.inline>a{font-size:13px;font-weight:850;text-decoration:none}.portal-region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.portal-region{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px;border:1px solid #e1e8ee;background:#fff;border-radius:14px;color:#14243a;text-decoration:none}.portal-region:hover{border-color:#9ecbd4;box-shadow:0 8px 22px rgba(16,38,61,.05)}.portal-region span{display:block;font-size:16px;font-weight:900}.portal-region small{display:block;color:#7a8795;font-size:11px;margin-top:3px}.portal-region-count{text-align:right}.portal-region-count b{display:block;color:#0e7490;font-size:18px}.portal-content{padding:4px 0 48px}.portal-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:22px}.portal-feed-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}.portal-feed-head h2{margin:2px 0 0;font-size:25px;letter-spacing:-.025em}.portal-feed-head>a{font-size:13px;font-weight:850;text-decoration:none}.portal-feed{background:#fff;border:1px solid #e1e8ee;border-radius:16px;overflow:hidden}.portal-topic{display:grid;grid-template-columns:42px minmax(0,1fr) 58px;gap:13px;align-items:center;padding:17px 18px;border-bottom:1px solid #edf1f4}.portal-topic:last-child{border-bottom:0}.portal-topic:hover{background:#fbfcfd}.portal-avatar{width:40px;height:40px;border-radius:12px;background:#e9f7fa;color:#0e7490;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}.portal-topic-title{font-size:15.5px;font-weight:850;color:#17283d;text-decoration:none;line-height:1.4}.portal-topic-title:hover{color:#0e7490}.portal-topic-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:5px;color:#85909d;font-size:11.5px}.portal-topic-meta a{color:#5c6978;text-decoration:none;font-weight:700}.portal-topic-stat{text-align:center}.portal-topic-stat b{display:block;font-size:16px;color:#23364b}.portal-topic-stat small{font-size:10px;color:#8994a0}.portal-aside{display:grid;gap:13px;align-content:start}.portal-side-card,.portal-owner-card,.portal-join-card{background:#fff;border:1px solid #e1e8ee;border-radius:16px;padding:19px}.portal-side-head h3{font-size:18px;margin:0 0 8px}.portal-article{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:12px 0;border-top:1px solid #edf1f4;text-decoration:none;color:#17283d}.portal-article-no{font-size:10px;color:#0e7490;font-weight:900;padding-top:2px}.portal-article b{display:block;font-size:13px;line-height:1.42}.portal-article small{display:block;color:#8994a0;font-size:10.5px;margin-top:3px}.portal-side-more{display:block;margin-top:9px;font-size:12px;font-weight:850;text-decoration:none}.portal-owner-card{background:linear-gradient(145deg,#10263d,#153b55);border:0;color:#fff}.portal-owner-card .portal-kicker{color:#6ed8e4}.portal-owner-card h3,.portal-join-card h3{font-size:19px;margin:4px 0 8px}.portal-owner-card p,.portal-join-card p{font-size:12.5px;line-height:1.6;margin:0 0 14px}.portal-owner-card p{color:#bdceda}.portal-owner-card>a{color:#78e1eb;text-decoration:none;font-size:12.5px;font-weight:850}.portal-join-card{background:#f3fafb}.portal-join-card>a{display:flex;justify-content:center;padding:10px;border-radius:10px;background:#0e7490;color:#fff;text-decoration:none;font-size:13px;font-weight:850}.portal-join-card>small{display:block;text-align:center;color:#788694;margin-top:10px}.portal-join-card>small a{text-decoration:none} @media(max-width:900px){.portal-hero-grid{grid-template-columns:1fr;gap:28px}.portal-hero-side{display:grid;grid-template-columns:1fr 1fr}.portal-side-label{grid-column:1/-1}.portal-service-grid{grid-template-columns:repeat(2,1fr)}.portal-region-grid{grid-template-columns:repeat(2,1fr)}.portal-content-grid{grid-template-columns:1fr}.portal-aside{grid-template-columns:1fr 1fr}.portal-side-card{grid-row:span 2}} @media(max-width:620px){.portal-hero{padding:38px 0 34px}.portal-hero h1{font-size:35px}.portal-hero-copy>p{font-size:14.5px}.portal-search form{height:51px;border-radius:13px;padding-left:13px}.portal-search button{height:39px;padding:0 13px}.portal-actions{display:grid;grid-template-columns:1fr 1fr}.portal-stats span{padding:0 13px}.portal-stats b{font-size:17px}.portal-stats small{font-size:9.5px}.portal-hero-side{display:block}.portal-quick{padding:10px}.portal-services{padding:28px 0}.portal-section-head h2{font-size:23px}.portal-service-grid{grid-template-columns:1fr 1fr;gap:8px}.portal-service-card{min-height:180px;padding:16px}.portal-service-card h3{font-size:15px;margin-top:13px}.portal-service-card p{font-size:11.5px}.portal-service-link{bottom:15px;font-size:11px}.portal-region-grid{grid-template-columns:1fr 1fr;gap:8px}.portal-region{padding:14px}.portal-region span{font-size:14px}.portal-region small{font-size:10px}.portal-section-head.inline>a{display:none}.portal-content{padding-bottom:30px}.portal-feed-head h2{font-size:21px}.portal-feed-head>a{font-size:11px}.portal-topic{grid-template-columns:36px minmax(0,1fr) 44px;padding:14px 12px;gap:9px}.portal-avatar{width:35px;height:35px;border-radius:10px}.portal-topic-title{font-size:14px}.portal-topic-meta{font-size:10.5px}.portal-topic-stat b{font-size:14px}.portal-aside{grid-template-columns:1fr}.portal-side-card{grid-row:auto}.portal-search input{font-size:14px}} @media(max-width:410px){.portal-service-grid{grid-template-columns:1fr}.portal-service-card{min-height:165px}.portal-region-grid{grid-template-columns:1fr}.portal-actions{grid-template-columns:1fr}.portal-stats{justify-content:space-between}.portal-stats span{padding:0 8px}.portal-search button{font-size:12px}.portal-hero h1{font-size:31px}} .brand{height:72px;max-width:310px;overflow:hidden;flex:0 0 310px} .brand-logo{display:block;width:300px;height:auto;max-height:72px;object-fit:contain;object-position:left center;border-radius:10px} .footer-brand img{display:block;width:210px;height:auto;max-height:70px;object-fit:contain;object-position:left center;border-radius:10px} @media(max-width:1180px) and (min-width:761px){.brand{max-width:230px;flex-basis:230px}.brand-logo{width:220px}.desktop-links>a,.desktop-user>a{padding-left:7px;padding-right:7px}.header-search{margin-left:6px;min-width:150px}} @media(max-width:760px){.brand{height:54px;max-width:190px;flex:0 0 190px}.brand-logo{width:180px;max-height:54px;border-radius:8px}.footer-brand img{width:180px}} @media(max-width:430px){.brand{font-size:0;gap:0;max-width:160px;flex:0 0 160px;height:48px}.brand-logo{width:152px;max-height:48px}.brand-mark{display:none}} @media(max-width:850px){.job-filter-actions .btn{flex:1}.job-result-head{align-items:flex-start}.job-side{position:static}.job-detail-salary{display:block;margin:11px 0 2px;font-size:22px;font-weight:800;color:#b42318}.job-related-item{align-items:flex-start;flex-direction:column;gap:5px}.job-related-item b{white-space:normal}.job-related-item strong{font-size:14px}.job-safety{padding:16px}.job-trust{gap:6px}} @media(max-width:560px){.job-page{padding-left:0;padding-right:0}.job-filter-actions{flex-direction:column}.job-filter-actions .btn{width:100%;box-sizing:border-box}.job-result-head{font-size:13px}.job-card{padding:16px}.job-shop{align-items:flex-start}.job-side,.job-section,.job-related{padding:16px}.job-hero p{line-height:1.6}.job-trust span{font-size:11px}} .recruitment-owner-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.recruitment-kpi-link{text-decoration:none;transition:.16s}.recruitment-kpi-link:hover{border-color:#afd7c7;box-shadow:0 6px 20px rgba(15,23,42,.05);transform:translateY(-1px)} .recruitment-owner-alert{padding:14px 16px;margin-bottom:14px;border:1px solid #f0d999;border-radius:13px;background:#fff9e9;color:#765a00;line-height:1.55}.recruitment-owner-filter{display:grid;grid-template-columns:minmax(0,1fr) 190px auto auto;gap:8px;margin:0 0 12px}.recruitment-owner-filter input,.recruitment-owner-filter select{width:100%;min-height:40px;border:1px solid #dce4e0;border-radius:10px;background:#fff;padding:8px 10px}.recruitment-owner-row{align-items:center}.recruitment-owner-status{display:inline-flex;padding:2px 7px;border-radius:999px;background:#f2f4f7;color:#526071;font-weight:800}.recruitment-status-published{background:#eaf8f0;color:#087348}.recruitment-status-expired,.recruitment-status-closed{background:#fff4df;color:#8a5b00}.recruitment-status-hidden{background:#fdecec;color:#a32a2a}.recruitment-scope-warning{margin-top:6px;color:#9a6700;font-size:12.5px}.recruitment-owner-empty{padding:26px 8px;text-align:center}.recruitment-owner-empty p{margin:6px 0 0}.recruitment-preview-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;margin-bottom:12px;border:1px solid #b8d9cc;border-radius:13px;background:#f1faf6;color:#305f4d}.recruitment-preview-banner span{font-size:13px}.recruitment-preview-card{padding:24px}.recruitment-preview-contact{margin-top:22px;padding-top:4px;border-top:1px solid #edf0ef}.recruitment-owner-form-page .card{border-radius:16px} @media(max-width:900px){.recruitment-owner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.recruitment-owner-filter{grid-template-columns:minmax(0,1fr) 170px}.recruitment-owner-filter .btn{width:100%}} @media(max-width:760px){.recruitment-owner-kpis{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.recruitment-owner-kpis .owner-kpi-v2{min-width:0}.recruitment-owner-filter{grid-template-columns:1fr}.recruitment-preview-banner{display:block}.recruitment-preview-banner .page-actions{margin-top:10px}.recruitment-preview-card{padding:17px}.recruitment-owner-row .owner-branch-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.recruitment-owner-row .owner-branch-actions form.inline{display:block}.recruitment-owner-row .owner-branch-actions form.inline .btn{width:100%}} @media(max-width:430px){.recruitment-owner-kpis{grid-template-columns:1fr}.recruitment-owner-row .owner-branch-actions{grid-template-columns:1fr}} @media(max-width:900px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:520px){.admin-kpi-grid{grid-template-columns:1fr!important}.admin-table .actions{min-width:210px}} .liq-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) 180px auto auto;gap:8px;align-items:center;margin:12px 0 14px}.liq-filter-bar input,.liq-filter-bar select{width:100%;min-height:42px;border:1px solid #dce4e0;border-radius:10px;background:#fff;padding:9px 11px;font:inherit}.liq-filter-bar input:focus,.liq-filter-bar select:focus{outline:2px solid rgba(14,116,144,.14);border-color:#72b6c5}.liq-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0 4px}.liq-pagination button,.liq-pagination a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce4e0;background:#fff;border-radius:10px;padding:7px 12px;font:inherit;font-weight:800;color:#254b5a;text-decoration:none}.liq-pagination button:not(:disabled):hover,.liq-pagination a:not(.disabled):hover{border-color:#88bec8;background:#f2fafb}.liq-pagination button:disabled,.liq-pagination a.disabled{opacity:.45;pointer-events:none}.liq-pagination span{font-size:13px;color:#667085;font-weight:700}.liq-react-products-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.liq-react-products-head h3{margin:0 0 3px} @media(max-width:760px){.liq-filter-bar{grid-template-columns:1fr 145px}.liq-filter-bar .btn{width:100%}.liq-pagination{justify-content:space-between}.liq-pagination button,.liq-pagination a{flex:0 0 auto}.liq-pagination span{text-align:center}} @media(max-width:480px){.liq-filter-bar{grid-template-columns:1fr}.liq-pagination{gap:5px}.liq-pagination button,.liq-pagination a{padding:7px 9px;font-size:12px}.liq-pagination span{font-size:12px}} .liq-market-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .liq-market-summary>div{min-width:138px;padding:11px 13px;border:1px solid #dce9e3;border-radius:12px;background:rgba(255,255,255,.88)} .liq-market-summary b{display:block;font-size:16px;color:#173f32;line-height:1.15} .liq-market-summary span{display:block;margin-top:3px;font-size:11px;color:#6e7c76} .liq-card-v3{position:relative;display:flex;flex-direction:column;height:100%;border-color:#dfe7e3} .liq-card-v3 .liq-thumb{position:relative;aspect-ratio:1/1;background:#f4f7f5} .liq-card-v3 .liq-thumb img{transition:transform .22s ease} .liq-card-v3:hover .liq-thumb img{transform:scale(1.025)} .liq-card-v3 .liq-thumb-empty{flex-direction:column;gap:6px;background:linear-gradient(135deg,#f3f7f5,#eef4f1)} .liq-card-v3 .liq-thumb-empty span{font-size:30px;opacity:.45}.liq-card-v3 .liq-thumb-empty b{font-size:11px} .liq-sale-badge,.liq-featured-badge{position:absolute;top:9px;z-index:2;display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;box-shadow:0 2px 8px rgba(15,23,42,.08)} .liq-sale-badge{left:9px;background:#fff0ed;color:#b42318;border:1px solid #ffd5cc}.liq-featured-badge{right:9px;background:#fff8df;color:#8a5a00;border:1px solid #f2dda0} .liq-card-v3 .liq-card-body{display:flex;flex-direction:column;flex:1;padding:12px 13px 13px} .liq-card-category{font-size:10px;line-height:1.2;font-weight:850;text-transform:uppercase;letter-spacing:.025em;color:#70817a;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .liq-card-v3 .liq-card-title{font-size:14px;line-height:1.42;font-weight:850;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:40px} .liq-card-price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.liq-card-v3 .liq-price{font-size:19px}.liq-card-v3 .liq-old-price{font-size:11px;margin:0} .liq-condition{display:inline-flex;align-self:flex-start;margin-top:7px;padding:4px 7px;border-radius:7px;background:#f2f6f4;color:#536860;font-size:10.5px;font-weight:750;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .liq-seller-v3{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #edf1ef;min-width:0} .liq-seller-v3 img,.liq-seller-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:8px;border:1px solid #dfe7e3;background:#fff;object-fit:contain} .liq-seller-avatar{display:grid;place-items:center;background:#eaf7f1;color:#087348;font-size:13px;font-weight:950} .liq-seller-copy{min-width:0}.liq-seller-copy strong{display:flex;align-items:center;gap:4px;min-width:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liq-seller-copy span{display:block;margin-top:2px;color:#78857f;font-size:9.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .liq-seller-copy strong .liq-verified-dot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px;width:15px;height:15px;margin:0;border-radius:50%;background:#e7f7ef;color:#087348;font-size:9px;overflow:visible} .liq-card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;color:#17634c;text-decoration:none;font-size:11px;font-weight:850}.liq-card-cta span{font-size:14px;transition:transform .15s}.liq-card-cta:hover span{transform:translateX(2px)} .liq-loading-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #dce5e1;border-radius:15px;background:#fbfdfc;color:#607068;font-size:12px} .liq-loading-spinner{width:27px;height:27px;border-radius:50%;border:3px solid #dce9e3;border-top-color:#159466;animation:liq-spin .7s linear infinite}@keyframes liq-spin{to{transform:rotate(360deg)}} @media(min-width:1180px){.liq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:760px){.liq-hero-v2{padding:20px 16px}.liq-market-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:13px}.liq-market-summary>div{min-width:0;padding:8px}.liq-market-summary b{font-size:13px}.liq-market-summary span{font-size:8.8px}.liq-stock-head{display:block}.liq-stock-head p{text-align:left;margin-top:4px}.liq-card-v3 .liq-card-body{padding:9px}.liq-card-v3 .liq-card-title{font-size:12px;min-height:34px;margin-bottom:5px}.liq-card-v3 .liq-price{font-size:15px}.liq-card-category{font-size:8.5px;margin-bottom:4px}.liq-condition{font-size:8.5px;margin-top:5px;padding:3px 5px}.liq-seller-v3{margin-top:7px;padding-top:7px;gap:5px}.liq-seller-v3 img,.liq-seller-avatar{width:24px;height:24px;flex-basis:24px;border-radius:6px}.liq-seller-copy strong{font-size:9.5px}.liq-seller-copy span{font-size:8.2px}.liq-seller-copy strong .liq-verified-dot{width:13px;height:13px;flex-basis:13px;font-size:8px}.liq-card-cta{padding-top:7px;font-size:9.5px}.liq-sale-badge,.liq-featured-badge{top:6px;min-height:21px;padding:3px 6px;font-size:8.5px}.liq-sale-badge{left:6px}.liq-featured-badge{right:6px}} @media(max-width:390px){.liq-market-summary{grid-template-columns:1fr 1fr}.liq-market-summary>div:last-child{grid-column:span 2}} .liq-market-note{display:flex;align-items:flex-start;gap:14px;margin:18px 0 5px;padding:14px 16px;border:1px solid #e2e8e5;border-radius:13px;background:#fafcfb;color:#68756f;font-size:12px;line-height:1.55}.liq-market-note b{flex:0 0 auto;color:#344d43}.liq-market-note span{min-width:0} @media(max-width:760px){.liq-market-note{display:block;padding:12px;font-size:10.5px}.liq-market-note b{display:block;margin-bottom:4px}} .liq-detail-page{max-width:1180px} .liq-detail-v4{align-items:start;gap:24px} .liq-gallery-panel{min-width:0} .liq-gallery-main{background:#f6f7f9;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center} .liq-gallery-main img{width:100%;height:100%;object-fit:contain;background:#fff} .liq-gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding:10px 1px 3px;scrollbar-width:thin} .liq-gallery-thumb{flex:0 0 auto;border:2px solid transparent;background:#fff;border-radius:10px;padding:2px;cursor:pointer} .liq-gallery-thumb.active{border-color:currentColor} .liq-gallery-thumb img{display:block;width:88px;height:70px;object-fit:cover;border-radius:7px} .liq-detail-buybox{position:sticky;top:82px;border-radius:18px} .liq-detail-topline,.liq-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px} .liq-stock-badge{font-size:12px;font-weight:800;padding:5px 9px;border-radius:999px;background:#ecfdf3;color:#067647;white-space:nowrap} .liq-stock-badge.is-off{background:#f2f4f7;color:#667085} .liq-price-row{justify-content:flex-start;margin-top:10px} .liq-discount-detail{font-size:13px;font-weight:800;padding:5px 8px;border-radius:8px;background:#fff1f0;color:#c5221f} .liq-compare-detail{margin-top:3px;color:#667085} .liq-detail-buybox .liq-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0} .liq-detail-buybox .liq-meta>div{padding:10px;background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:3px} .liq-detail-buybox .liq-meta span{font-size:12px;color:#667085} .liq-seller-detail{border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;padding:15px 0;margin:4px 0 16px} .liq-seller-detail-head{display:flex;gap:11px;align-items:center} .liq-seller-avatar-lg{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-weight:900;overflow:hidden} .liq-seller-avatar-lg img{width:100%;height:100%;object-fit:cover} .liq-seller-detail-head>div{min-width:0;display:flex;flex-direction:column;gap:2px} .liq-seller-detail-head>div>span,.liq-seller-detail-head small{font-size:12px;color:#667085} .liq-seller-detail-head strong{font-size:15px} .liq-seller-detail-head .verified{font-size:11px;font-style:normal;white-space:nowrap} .liq-detail-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px} .liq-detail-cta .liq-call-primary{grid-column:1/-1;justify-content:center;font-weight:800} .liq-detail-cta .btn.out{justify-content:center} .liq-safety-box{margin-top:14px;padding:12px;border-radius:12px;background:#fffaeb;border:1px solid #fedf89;display:flex;flex-direction:column;gap:3px;font-size:13px} .liq-safety-box span{color:#7a2e0e;line-height:1.45} .liq-detail-section{margin-top:24px;border-radius:18px;padding:22px} .liq-section-title h2{margin:3px 0 14px} .liq-detail-lead{font-size:16px;line-height:1.65} .liq-desc{line-height:1.75;white-space:normal} .liq-detail-related{margin-top:28px} .liq-detail-state{border-radius:12px} @media(max-width:820px){ .liq-detail-v4{grid-template-columns:1fr!important;gap:14px} .liq-detail-buybox{position:static} .liq-gallery-main{border-radius:14px} .liq-detail-buybox .liq-meta{grid-template-columns:repeat(3,minmax(0,1fr))} .liq-detail-cta{position:sticky;bottom:8px;z-index:4;background:#fff;padding:8px;margin:10px -8px -8px;border-radius:14px;box-shadow:0 6px 24px rgba(16,24,40,.14)} } @media(max-width:520px){ .liq-detail-page{padding-left:12px;padding-right:12px} .liq-detail-breadcrumb{font-size:12px;overflow-x:auto;white-space:nowrap} .liq-gallery-main{aspect-ratio:1/1} .liq-gallery-thumb img{width:72px;height:58px} .liq-detail-buybox{padding:16px} .liq-detail-buybox h1{font-size:23px;line-height:1.25} .liq-detail-buybox .liq-meta{grid-template-columns:1fr} .liq-detail-buybox .liq-meta>div{flex-direction:row;justify-content:space-between;align-items:center} .liq-detail-cta{grid-template-columns:1fr 1fr} .liq-detail-section{padding:16px} } .liq-owner-dashboard{align-items:start} .liq-owner-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0} .liq-owner-kpis>div{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:4px;min-width:0} .liq-owner-kpis>div span{font-size:12px;color:#667085} .liq-owner-kpis>div b{font-size:22px} .liq-owner-kpis>div.warn{background:#fffaeb;border-color:#fedf89} .liq-owner-list-head{align-items:flex-end;gap:14px;flex-wrap:wrap} .liq-owner-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .liq-owner-filter input[type=search]{min-width:240px} .liq-owner-product{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #eaecf0} .liq-owner-product:first-of-type{border-top:0} .liq-owner-product.is-expiring{background:#fffdf5} .liq-owner-product-cover{width:92px;height:72px;border-radius:10px;overflow:hidden;background:#f2f4f7;display:flex;align-items:center;justify-content:center;font-size:11px;color:#667085} .liq-owner-product-cover img{width:100%;height:100%;object-fit:cover} .liq-owner-product-main{min-width:0} .liq-owner-product-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .liq-owner-product-title>b{font-size:15px} .liq-owner-product-meta{display:flex;gap:8px 12px;flex-wrap:wrap;margin-top:5px;color:#667085;font-size:12px} .liq-status-pill{font-size:11px;font-weight:800;border-radius:999px;padding:4px 8px;background:#f2f4f7} .liq-status-pill.is-published{background:#ecfdf3;color:#067647} .liq-status-pill.is-draft{background:#f2f4f7;color:#475467} .liq-status-pill.is-sold{background:#eef4ff;color:#3538cd} .liq-status-pill.is-hidden{background:#fef3f2;color:#b42318} .liq-status-pill.is-archived{background:#fff6ed;color:#b54708} .liq-owner-inline-warning{font-size:12px;color:#b54708;margin-top:5px} .liq-owner-product-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .liq-owner-empty{padding:28px 10px;text-align:center;display:flex;flex-direction:column;gap:4px;color:#667085} .liq-owner-empty b{color:#344054} .liq-owner-pagination{margin-top:16px} .liq-owner-preview .claim-note{margin-top:20px} .liq-preview-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0} .liq-preview-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#f2f4f7} @media(max-width:1050px){.liq-owner-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){ .liq-owner-product{grid-template-columns:72px minmax(0,1fr)} .liq-owner-product-cover{width:72px;height:64px} .liq-owner-product-actions{grid-column:1/-1;justify-content:flex-start;padding-left:86px} .liq-owner-filter{width:100%} .liq-owner-filter input[type=search]{min-width:0;flex:1 1 180px} .liq-owner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:480px){ .liq-owner-product{grid-template-columns:64px minmax(0,1fr);gap:10px} .liq-owner-product-cover{width:64px;height:58px} .liq-owner-product-actions{padding-left:74px} .liq-owner-product-actions .btn{font-size:12px;padding:7px 9px} .liq-preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} } .liq-admin-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:12px 0 16px} .liq-admin-kpis>div{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:3px} .liq-admin-kpis span{font-size:11px;color:#667085} .liq-admin-kpis b{font-size:20px} .liq-admin-kpis .warn{background:#fffaeb;border-color:#fedf89} .liq-admin-preview{max-width:900px} @media(max-width:1200px){.liq-admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:650px){.liq-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} .topic-v2{padding:26px} .topic-v2-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .topic-v2-title{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.025em;margin:14px 0 18px} .topic-v2-author{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line,#e6ebef);border-bottom:1px solid var(--line,#e6ebef)} .topic-v2-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef4f8;font-weight:800;font-size:18px;flex:0 0 auto} .topic-v2-author-copy{min-width:0;display:grid;gap:5px} .topic-v2-author-copy>div:first-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .topic-v2 .topic-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted,#667784);font-size:14px} .topic-v2-verified-note{margin-top:14px;padding:10px 12px;border-radius:10px;background:#f6f9fb;color:#586873;font-size:13px;line-height:1.55} .topic-v2-body{font-size:17px;line-height:1.8;margin-top:22px;overflow-wrap:anywhere} .topic-v2-edited{margin-top:10px} .topic-v2-classification{margin-top:14px} .topic-v2-tools{margin-top:20px;padding-top:14px;border-top:1px solid var(--line,#e6ebef);display:flex;gap:10px;align-items:center;flex-wrap:wrap} .topic-create-v2{padding:26px} .topic-create-tips{display:grid;gap:8px;margin:16px 0 20px;padding:14px;border-radius:12px;background:#f6f9fb;font-size:14px;line-height:1.5} .topic-create-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px} @media(max-width:720px){ .topic-v2,.topic-create-v2{padding:18px} .topic-v2-title{font-size:28px} .topic-v2-body{font-size:16px;line-height:1.72} .topic-v2-author{align-items:flex-start} .topic-v2-tools details{width:100%} .topic-v2-tools details form{min-width:0!important;width:100%} } .answer{border:1px solid var(--line,#e5ebef);border-radius:14px;padding:18px;margin-top:14px} .answer.best{border-width:2px} .answer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} .answer-body{white-space:normal;line-height:1.75;font-size:16px;margin:16px 0;overflow-wrap:anywhere} .answer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px} .comment{margin:12px 0 0 26px;padding:12px 14px;border-left:3px solid var(--line,#e5ebef);background:#f8fafb;border-radius:0 10px 10px 0} .comment-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px} @media(max-width:720px){.answer{padding:14px}.answer-head{display:grid}.answer-actions .btn,.answer-actions .linkbtn{min-height:38px}.comment{margin-left:8px;padding:11px 12px}} .topic-v2-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px} .topic-v2-tags a{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line,#e5ebef);border-radius:999px;font-size:13px;text-decoration:none;background:#fff} .tag-page-v2 .topic{padding:14px 0;border-top:1px solid var(--line,#e5ebef)} .tag-page-v2 .topic:first-of-type{margin-top:14px} @media(max-width:720px){.topic-v2-tags{gap:6px}.topic-v2-tags a{font-size:12px}} .community-identity-mini{font-size:12px;padding:2px 6px;margin-left:5px} .profile-identity-note{margin-top:10px;padding:10px 12px;border:1px solid #d9e5ed;border-radius:10px;background:#f8fbfd;color:#61717d;font-size:13px;line-height:1.5} @media(max-width:720px){.community-identity-mini{display:inline-flex;margin-top:4px;margin-left:0}} .profile-v2-summary{display:flex;gap:18px;align-items:flex-start} .profile-v2-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start} .profile-v2-heading h1{margin:0 0 8px} .profile-v2-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted,#667784);font-size:14px;margin-top:8px} .profile-v2-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0} .profile-stat{padding:16px;text-align:center} .profile-stat b{display:block;font-size:24px;line-height:1.1} .profile-stat span{display:block;margin-top:5px;color:var(--muted,#667784);font-size:13px} .profile-v2-tabs{display:flex;gap:6px;flex-wrap:wrap} .profile-v2-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start} .profile-v2-item p{margin:8px 0 4px;line-height:1.55} .profile-item-metrics{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted,#667784);font-size:13px;white-space:nowrap} .profile-best-badge{margin-left:7px} .profile-private-note,.profile-state-note{margin-top:12px;padding:12px 14px;border:1px solid #d9e5ed;border-radius:12px;background:#f8fbfd} .profile-state-note{background:#fff8ed;border-color:#f3d4a7} .ok-text{color:#13865c;font-weight:700}.warn-text{color:#a46100;font-weight:700} @media(max-width:900px){.profile-v2-stats{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){ .profile-v2-summary{display:grid} .profile-v2-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .profile-v2-item{display:grid} .profile-item-metrics{white-space:normal} .profile-v2-tabs a{flex:1 1 auto;text-align:center} } .notification-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap} .notification-head h1{margin:4px 0} .notification-tabs{margin:18px 0 8px} .notification-list{display:grid} .notification-form{margin:0} .notification-item{width:100%;display:grid;grid-template-columns:40px 1fr 10px;gap:12px;align-items:start;text-align:left;border:0;border-top:1px solid var(--line,#e5ebef);background:transparent;padding:15px 4px;cursor:pointer} .notification-item.unread{background:#f5fbfd} .notification-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef4f8;font-weight:800} .notification-copy{display:grid;gap:4px;min-width:0} .notification-copy b{line-height:1.45} .notification-type{font-size:12px;font-weight:700;color:var(--muted,#667784);text-transform:uppercase;letter-spacing:.03em} .notification-unread-dot{width:8px;height:8px;border-radius:50%;background:currentColor;margin-top:8px} .notification-empty{display:grid;gap:6px;text-align:center;padding:32px 10px} @media(max-width:720px){.notification-item{grid-template-columns:34px 1fr 8px;padding:13px 2px}.notification-icon{width:30px;height:30px}} .search-v2-head h1{margin:4px 0 14px} .search-v2-form{display:flex;gap:8px} .search-v2-form input{min-width:0;flex:1} .search-v2-tip{margin:10px 0 0;line-height:1.5} .search-v2-results{margin-top:14px} .search-v2-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:6px} .search-v2-title h2{margin:4px 0 0} .search-result-v2{padding:16px 0;border-top:1px solid var(--line,#e5ebef)} .search-result-v2:first-of-type{border-top:0} .search-result-v2 p{margin:7px 0 9px;line-height:1.55;color:#44545f} .search-v2-empty{display:grid;gap:10px;padding:28px 4px;text-align:center} .search-v2-empty p{margin:0} .search-v2-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0} .search-v2-suggestions a{display:inline-flex;padding:7px 10px;border:1px solid var(--line,#e5ebef);border-radius:999px;text-decoration:none;background:#fff} .search-v2-discover{margin-top:14px} .search-v2-discover h2{margin-top:0} @media(max-width:720px){ .search-v2-form{display:grid} .search-v2-form .btn{width:100%} .search-result-v2 .topic-meta{gap:4px 7px} .search-v2-suggestions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px} .search-v2-suggestions a{white-space:nowrap} } .detail-actions{display:flex;gap:8px;flex-wrap:wrap} .report-status.resolved{font-weight:700}.report-status.dismissed{opacity:.72} @media(max-width:720px){.detail-actions .btn{flex:1 1 auto}.hidden-grid{grid-template-columns:1fr}} .profile-page,.tag-page-v2,.search-page-v2,.notification-page-v2{padding-top:22px;padding-bottom:16px} .tag-page-card{overflow:hidden} .tag-topic-item{padding:15px 0} .community-divider{border:0;border-top:1px solid #edf0f3;margin:24px 0} .topic-v2 .verified-shop-link,.answer .verified-shop-link,.profile-v2 .verified-shop-link{max-width:100%;overflow-wrap:anywhere} .topic-v2-body,.answer-body,.comment,.profile-v2-item,.search-result-v2,.notification-copy{min-width:0} .topic-v2-body a,.answer-body a,.comment a{overflow-wrap:anywhere} .comment-compose{margin:12px 0 0 22px;padding:12px 14px;border-radius:12px;background:#f8fafb;border:1px solid var(--line,#e5ebef)} .comment-compose textarea,.answer-compose textarea{margin-bottom:8px} .compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .compose-actions .muted{font-size:12px} .answer-compose{padding-top:2px} .forum-tabs-primary{margin-bottom:14px} .forum-tabs a,.profile-tabs a,.search-v2-suggestions a,.forum-taxonomy-primary a,.forum-taxonomy-secondary a{min-height:38px;display:inline-flex;align-items:center} .forum-page-head .btn,.topic-v2-tools .btn,.topic-v2-tools .linkbtn,.answer-actions .btn,.answer-actions .linkbtn{touch-action:manipulation} .notification-item{min-height:62px} .notification-item:hover{background:#f8fbfc} .notification-item:focus-visible,.forum-tabs a:focus-visible,.profile-tabs a:focus-visible,.search-v2-suggestions a:focus-visible,.verified-shop-link:focus-visible{outline:3px solid rgba(11,107,79,.18);outline-offset:2px} .profile-v2-summary .profile-avatar{flex:0 0 auto} .profile-v2-stats .profile-stat{min-width:0} .profile-v2-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none} .profile-v2-tabs::-webkit-scrollbar{display:none} .profile-v2-tabs a{flex:0 0 auto;white-space:nowrap} .search-v2-results,.profile-content-card,.notification-page-v2>.card,.tag-page-card{border-radius:16px} .search-result-v2 .topic-meta,.tag-topic-item .muted{line-height:1.55} .notice-bell,.mobile-header-bell{position:relative} .notice-bell{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center} .mobile-header-bell{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center} .notice-dot{position:absolute;top:0;right:-2px} .mobile-header-bell .notice-dot{top:1px;right:0} .mobile-header-search input{min-width:0} @media(max-width:900px){ .grid{grid-template-columns:1fr} .grid>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .grid>aside .card{margin-bottom:0} } @media(max-width:720px){ .profile-page,.tag-page-v2,.search-page-v2,.notification-page-v2{padding-top:14px} .topic-v2-title{font-size:clamp(25px,7vw,30px);line-height:1.2} .topic-v2-author-copy>div:first-child{align-items:flex-start} .topic-v2-author-copy .verified-shop-link{flex-basis:100%;width:max-content} .topic-v2-tools,.answer-actions,.comment-actions{gap:7px} .answer-actions form.inline,.topic-v2-tools form.inline{margin:0} .comment-compose{margin-left:0;padding:11px 12px} .compose-actions{align-items:flex-end} .compose-actions .btn{min-width:116px} .answer-compose .btn{width:100%} .answer-compose .compose-actions{display:grid;grid-template-columns:1fr} .profile-v2-stats{gap:8px} .profile-stat{padding:13px 8px} .profile-stat b{font-size:21px} .notification-page-v2>.card,.search-v2-head,.search-v2-results,.search-v2-discover,.tag-page-card,.profile-content-card{padding:16px} .search-v2-title{align-items:flex-start} .forum-taxonomy-primary a,.forum-taxonomy-secondary a,.forum-tabs a{min-height:40px} .grid>aside{grid-template-columns:1fr} } @media(max-width:520px){ .topic-v2,.answer{border-radius:12px} .topic-v2{padding:16px} .answer{padding:13px} .topic-v2-title{margin-top:12px} .topic-v2-avatar{width:40px;height:40px} .topic-v2-body{margin-top:18px} .comment{margin-left:0} .profile-v2-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .profile-v2-stats .profile-stat:last-child{grid-column:1/-1} .profile-v2-tabs{margin-left:-2px;margin-right:-2px;padding-bottom:2px} .profile-v2-tabs a{min-width:max-content} .notification-head .btn{width:100%} .search-v2-suggestions{margin-left:-4px;margin-right:-4px} .forum-board-title{align-items:flex-start} .forum-board-title span{white-space:nowrap} } .forum-topic-sub .community-identity-mini, .forum-last .community-identity-mini, .topic-meta .community-identity-mini, .tag-topic-item .community-identity-mini{ display:inline-flex; max-width:260px; vertical-align:middle; margin:0 2px; white-space:normal; overflow-wrap:anywhere; } .forum-last .community-identity-mini{font-size:11px} @media (max-width:720px){ .forum-topic-sub .community-identity-mini, .topic-meta .community-identity-mini, .tag-topic-item .community-identity-mini{ max-width:100%; } .forum-last .community-identity-mini{display:none} } @media(max-width:900px){.footer-owner-cta-inner{align-items:flex-start;flex-direction:column;gap:18px}.footer-owner-actions{justify-content:flex-start}.footer-main{grid-template-columns:1.3fr 1fr;gap:30px}.footer-about{grid-column:1/-1;max-width:650px}} @media(max-width:600px){.site-footer{margin-top:26px}.footer-owner-cta-inner{padding-top:24px;padding-bottom:24px}.footer-owner-cta h2{font-size:22px}.footer-owner-cta p{font-size:13px}.footer-owner-actions{width:100%}.footer-owner-actions .btn{flex:1 1 145px;text-align:center}.footer-main{grid-template-columns:1fr 1fr;gap:28px 22px;padding-top:30px;padding-bottom:26px}.footer-about{grid-column:1/-1}.footer-logo img{width:168px}.footer-links h3{font-size:13px}.footer-links a{font-size:12.5px}.footer-disclaimer{font-size:11.5px}.footer-bottom-inner{min-height:64px;align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;padding-top:13px;padding-bottom:13px}} .forum-assets-head-filter{display:flex;align-items:flex-end;justify-content:space-between;gap:12px} .forum-assets-all{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border:1px solid #dce6e2;border-radius:999px;background:#fff;color:#07563f;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap} .forum-assets-all:hover{background:#f2faf6;border-color:#8fc4b0} .forum-asset-card.active{border-color:#0b6b4f;background:#f0faf6;box-shadow:0 0 0 3px rgba(11,107,79,.08)} .forum-asset-card.active .forum-asset-icon{background:#dff4eb} .forum-asset-card.active b{color:#07563f} .forum-phone-links-filter{margin-top:-8px} .forum-phone-links-filter a.active{border-color:#0b6b4f;background:#eaf7f2;color:#07563f} @media(max-width:760px){ .forum-assets-head-filter{align-items:flex-start} .forum-assets-all{font-size:11px;padding:6px 9px} } .forum-hub-subfilters{margin-top:8px} .forum-phone-links-filter{display:flex;align-items:center;flex-wrap:wrap;gap:7px} .portal-faq{padding:14px 0 44px} .portal-faq .portal-section-head{margin-bottom:16px} .portal-faq-list{display:grid;gap:10px;max-width:980px} .portal-faq-item{border:1px solid #dfe8ed;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(16,38,61,.035)} .portal-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;font-weight:800;color:#10263d} .portal-faq-item summary::-webkit-details-marker{display:none} .portal-faq-item summary:hover{background:#f7fbfa} .portal-faq-toggle{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:999px;background:#edf8f4;color:#087457;font-size:20px;font-weight:700;transition:transform .18s ease} .portal-faq-item[open] .portal-faq-toggle{transform:rotate(45deg)} .portal-faq-answer{padding:0 19px 18px;color:#566575;line-height:1.72;border-top:1px solid #edf1f3;margin-top:0;padding-top:15px} @media(max-width:760px){ .portal-faq{padding:8px 0 32px} .portal-faq-item summary{padding:15px 16px;font-size:15px;align-items:flex-start} .portal-faq-answer{padding:13px 16px 16px;font-size:14px} .portal-faq-toggle{width:28px;height:28px;flex-basis:28px} } @media (max-width: 410px){ .portal-region-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; } .portal-region{ min-width:0; padding:12px 10px !important; gap:8px !important; align-items:center; } .portal-region span{ font-size:13px !important; line-height:1.25; } .portal-region small{ font-size:9.5px !important; line-height:1.35; margin-top:4px; } .portal-region-count{ flex:0 0 auto; } .portal-region-count b{ font-size:16px !important; } .portal-region-count small{ font-size:9px !important; } } .asset-subtype-box[hidden]{display:none!important}.asset-subtype-box .phone-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:760px){.asset-subtype-box .phone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.asset-subtype-box .phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .owner-register-faq{margin-top:14px;padding:22px 24px} .owner-register-faq h2{font-size:21px;margin:6px 0 16px} .owner-register-faq .portal-faq-list{max-width:none} .owner-register-faq .portal-faq-item{box-shadow:none} @media(max-width:760px){ .owner-register-faq{margin-top:10px;padding:17px 16px;border-radius:14px} .owner-register-faq h2{font-size:18px;margin-bottom:14px} } .desktop-user .admin-entry{ display:inline-flex;align-items:center;min-height:38px;padding:8px 10px; border:1px solid #dbe5e1;border-radius:10px;background:#f7faf9; color:#0b6b4f;font-weight:850 } .desktop-user .admin-entry:hover{background:#eaf6f1;color:#07563f} @media(max-width:1320px) and (min-width:761px){ .header-search{min-width:130px;max-width:250px;margin-left:6px} .desktop-user{gap:4px} .desktop-user>a{padding-left:7px;padding-right:7px} .user-chip{max-width:135px} } @media(max-width:1120px) and (min-width:761px){ .desktop-user .admin-entry{font-size:12px;padding-left:7px;padding-right:7px} .header-search{max-width:190px} .user-chip{max-width:110px} } @media(min-width:1251px){ .top .nav{width:min(100% - 28px,1800px);gap:8px} .brand{flex:0 0 230px;max-width:230px;height:68px} .brand-logo{width:220px;max-height:66px} .desktop-links{margin-left:2px} .desktop-links>a,.desktop-user>a{padding-left:8px;padding-right:8px} .header-search{flex:1 1 220px;min-width:150px;max-width:300px;margin-left:4px} .desktop-user{min-width:0} .user-chip{max-width:180px} .logout-form{flex:0 0 auto} } @media(max-width:1500px) and (min-width:1251px){ .brand{flex-basis:205px;max-width:205px} .brand-logo{width:198px} .desktop-links>a,.desktop-user>a{padding-left:6px;padding-right:6px;font-size:13px} .header-search{min-width:135px;max-width:220px} .user-chip{max-width:145px} } h1,h2,h3{ word-break:normal; overflow-wrap:normal; hyphens:none; } .admin-title h1, .card>h1, .profile-v2-heading h1, .notification-head h1, .search-v2-head h1, .liq-detail-buybox h1, .job-page h1, .shop-detail h1, .owner-page h1, .static-page h1, .page-title, .detail-title{ display:block; width:100%; max-width:none; text-wrap:pretty; word-break:normal; overflow-wrap:normal; } @media(max-width:760px){ .admin-title{ align-items:flex-start; } .admin-title h1, .card>h1, .profile-v2-heading h1, .notification-head h1, .search-v2-head h1, .liq-detail-buybox h1, .job-page h1, .shop-detail h1, .owner-page h1, .static-page h1, .page-title, .detail-title{ font-size:clamp(20px,5.4vw,25px); line-height:1.22; letter-spacing:-.012em; margin-top:4px; margin-bottom:7px; } } @media(max-width:430px){ .admin-title h1, .card>h1, .profile-v2-heading h1, .notification-head h1, .search-v2-head h1, .liq-detail-buybox h1, .job-page h1, .shop-detail h1, .owner-page h1, .static-page h1, .page-title, .detail-title{ font-size:20px; line-height:1.23; } } @media(max-width:760px){ .section-head, .region-head, .portal-section-head.inline, .portal-feed-head, .liq-stock-head, .job-result-head, .liq-react-products-head, .forum-assets-head-filter, .owner-section-v2 .section-title, .search-v2-title, .notification-head, .admin-title{ display:block !important; } .section-head>div, .region-head>div, .portal-section-head.inline>div, .portal-feed-head>div, .liq-stock-head>div, .job-result-head>div, .liq-react-products-head>div, .forum-assets-head-filter>div, .owner-section-v2 .section-title>div, .search-v2-title>div, .notification-head>div, .admin-title>div{ width:100%; max-width:none; min-width:0; } .section-head h1,.section-head h2,.section-head h3, .region-head h1,.region-head h2,.region-head h3, .portal-section-head h1,.portal-section-head h2,.portal-section-head h3, .portal-feed-head h1,.portal-feed-head h2,.portal-feed-head h3, .liq-stock-head h1,.liq-stock-head h2,.liq-stock-head h3, .job-result-head h1,.job-result-head h2,.job-result-head h3, .liq-react-products-head h1,.liq-react-products-head h2,.liq-react-products-head h3, .forum-assets-head-filter h1,.forum-assets-head-filter h2,.forum-assets-head-filter h3, .owner-section-v2 .section-title h1,.owner-section-v2 .section-title h2,.owner-section-v2 .section-title h3, .search-v2-title h1,.search-v2-title h2,.search-v2-title h3, .notification-head h1,.notification-head h2,.notification-head h3, .admin-title h1,.admin-title h2,.admin-title h3{ display:block; width:100%; max-width:none !important; min-width:0; margin-left:0; margin-right:0; word-break:normal; overflow-wrap:normal; hyphens:none; text-wrap:pretty; } .section-head>.section-link, .section-head>.text-link, .region-head>.region-all-link, .portal-section-head.inline>a, .portal-feed-head>a, .liq-stock-head>p, .job-result-head>p, .job-result-head>.actions, .liq-react-products-head>a, .liq-react-products-head>.actions, .forum-assets-head-filter>.forum-assets-all, .owner-section-v2 .section-title>.btn, .owner-section-v2 .section-title>.actions, .search-v2-title>.actions, .notification-head>.actions, .admin-title>.actions, .admin-title>.btn{ margin-top:8px; } .section-head{ align-items:initial !important; } .section-head h2{ font-size:19px; line-height:1.22; } .portal-section-head.inline>a{ display:inline-flex; } } @media(max-width:430px){ .section-head h2, .portal-section-head h2, .portal-feed-head h2, .liq-stock-head h2, .job-result-head h2, .liq-react-products-head h2, .forum-assets-head-filter h2, .owner-section-v2 .section-title h2{ font-size:18px; line-height:1.23; } .section-head>.section-link, .section-head>.text-link, .region-head>.region-all-link, .portal-section-head.inline>a, .portal-feed-head>a, .forum-assets-head-filter>.forum-assets-all{ white-space:normal; } } .shop-location-faq{ margin:16px 0 18px; padding:18px; border:1px solid #dfe7ed; border-radius:18px; background:#fff; } .shop-location-faq-head{margin-bottom:12px} .shop-location-faq-head .section-kicker{ display:block; margin-bottom:5px; color:#087d94; font-size:11px; font-weight:900; letter-spacing:.12em; } .shop-location-faq-head h2{ margin:0; font-size:22px; line-height:1.28; color:#102943; } .shop-location-faq-list{display:grid;gap:8px} .shop-location-faq-item{ border:1px solid #e1e8ed; border-radius:11px; background:#fbfcfd; overflow:hidden; } .shop-location-faq-item summary{ position:relative; display:block; cursor:pointer; list-style:none; padding:12px 42px 12px 14px; font-weight:800; line-height:1.45; color:#17324d; } .shop-location-faq-item summary::-webkit-details-marker{display:none} .shop-location-faq-item summary::marker{content:""} .shop-location-faq-item summary::after{ content:"+"; position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#07856d; font-size:20px; font-weight:800; } .shop-location-faq-item[open] summary{background:#f4faf8} .shop-location-faq-item[open] summary::after{content:"−"} .shop-location-faq-answer{ padding:0 14px 13px; color:#5c6f7f; font-size:14px; line-height:1.65; } @media(max-width:760px){ .shop-location-faq{margin:12px 0 14px;padding:14px;border-radius:14px} .shop-location-faq-head h2{font-size:19px;line-height:1.3} .shop-location-faq-item summary{padding:11px 38px 11px 12px;font-size:14px} .shop-location-faq-answer{padding:0 12px 12px;font-size:13px} } .shop-location-faq{ clear:both; margin-top:24px; } @media(max-width:760px){ .shop-location-faq{margin-top:18px} } .shop-directory-empty + .shop-location-faq, .shop-location-faq{ position:relative; } @media(max-width:760px){ .shop-location-faq-head h2{ font-size:18px; } } @media(max-width:410px){ .portal-service-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } .portal-service-card{ min-width:0!important; min-height:180px!important; padding:14px!important; } .portal-service-card h3{ font-size:14px!important; line-height:1.25!important; } .portal-service-card p{ font-size:10.8px!important; line-height:1.45!important; } .portal-service-link{ font-size:10.5px!important; } } @media(max-width:335px){ .portal-service-grid{grid-template-columns:1fr!important} } @media(max-width:600px){ .footer-main>.footer-links:last-child{ grid-column:1/-1; } .footer-main>.footer-links:last-child{ display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; align-items:start; } .footer-main>.footer-links:last-child h3{ grid-column:1/-1; margin-bottom:2px; } .footer-main>.footer-links:last-child a{ display:block; line-height:1.4; } } @media(max-width:360px){ .footer-main>.footer-links:last-child{ gap:8px 14px; } .footer-main>.footer-links:last-child a{ font-size:12px; } } @media(max-width:430px){ .footer-main{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:24px 16px!important; align-items:start!important; } .footer-about{ grid-column:1/-1!important; } .footer-main>.footer-links{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:10px!important; min-width:0!important; } .footer-main>.footer-links:nth-child(2){grid-column:1!important;grid-row:2!important} .footer-main>.footer-links:nth-child(3){grid-column:2!important;grid-row:2!important} .footer-main>.footer-links:last-child{ grid-column:1/-1!important; grid-row:3!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px 16px!important; align-items:start!important; } .footer-main>.footer-links:last-child h3{ grid-column:1/-1!important; margin-bottom:2px!important; } .footer-main>.footer-links:last-child a{ display:block!important; line-height:1.4!important; } } @media(max-width:360px){ .footer-main{gap:22px 14px!important} .footer-main>.footer-links:last-child{gap:8px 12px!important} .footer-links a{font-size:12px!important} } @media(max-width:600px){ .footer-main{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; column-gap:22px!important; row-gap:26px!important; align-items:start!important; padding-top:28px!important; padding-bottom:26px!important; } .footer-about{ grid-column:1/-1!important; grid-row:1!important; max-width:none!important; } .footer-main>.footer-links{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:9px!important; min-width:0!important; width:100%!important; } .footer-main>.footer-links:nth-child(2){ grid-column:1!important; grid-row:2!important; } .footer-main>.footer-links:nth-child(3){ grid-column:2!important; grid-row:2 / span 2!important; } .footer-main>.footer-links:last-child{ grid-column:1!important; grid-row:3!important; display:flex!important; flex-direction:column!important; gap:9px!important; } .footer-main>.footer-links:last-child h3, .footer-main>.footer-links:last-child a{ grid-column:auto!important; width:auto!important; } .footer-links h3{ margin:0 0 5px!important; font-size:13px!important; line-height:1.3!important; } .footer-links a{ font-size:12px!important; line-height:1.45!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; } } @media(max-width:380px){ .footer-main{ column-gap:16px!important; } .footer-links a{ font-size:11.5px!important; } } @media(max-width:600px){ .footer-main{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:22px 18px!important; padding-top:24px!important; padding-bottom:24px!important; } .footer-about{ grid-column:1/-1!important; grid-row:1!important; width:100%!important; max-width:none!important; margin:0!important; } .footer-logo{ margin:0 0 10px!important; } .footer-logo img{ width:150px!important; max-height:56px!important; } .footer-about>p{ margin:0 0 12px!important; max-width:100%!important; font-size:12.5px!important; line-height:1.55!important; } .footer-trust-note{ width:100%!important; max-width:none!important; margin:0!important; padding:10px 12px!important; display:grid!important; grid-template-columns:22px minmax(0,1fr)!important; gap:9px!important; border-radius:11px!important; font-size:11.5px!important; line-height:1.42!important; } .footer-main>.footer-links{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:8px!important; width:100%!important; min-width:0!important; } .footer-main>.footer-links:nth-child(2){ grid-column:1!important; grid-row:2!important; } .footer-main>.footer-links:nth-child(3){ grid-column:2!important; grid-row:2!important; } .footer-main>.footer-links:last-child{ grid-column:1/-1!important; grid-row:3!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; column-gap:18px!important; row-gap:8px!important; width:100%!important; } .footer-main>.footer-links:last-child h3{ grid-column:1/-1!important; margin:0 0 2px!important; } .footer-main>.footer-links:last-child a{ display:block!important; width:100%!important; min-width:0!important; } .footer-links h3{ margin:0 0 4px!important; font-size:12.5px!important; line-height:1.25!important; } .footer-links a{ font-size:11.5px!important; line-height:1.38!important; overflow-wrap:break-word!important; word-break:normal!important; hyphens:none!important; } } @media(max-width:390px){ .footer-main{ column-gap:14px!important; } .footer-main>.footer-links:last-child{ column-gap:14px!important; } .footer-links a{ font-size:11px!important; } } .forum-category-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:18px;margin:24px 0 18px} .forum-category-hero-main,.forum-category-hero-side{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)} .forum-category-hero-main{padding:25px 27px;position:relative;overflow:hidden} .forum-category-hero-main:after{content:"!";position:absolute;right:24px;bottom:-48px;font-size:170px;line-height:1;font-weight:950;color:#eef7f3;pointer-events:none} .forum-category-hero-main h1{position:relative;z-index:1;margin:6px 0 9px;font-size:30px;line-height:1.18;letter-spacing:-.025em} .forum-category-hero-main p{position:relative;z-index:1;max-width:760px;margin:0 0 17px;color:#667085;line-height:1.65} .forum-category-hero-side{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start} .forum-category-hero-label{font-size:10.5px;font-weight:900;letter-spacing:.1em;color:#7a8491} .forum-category-hero-side>b{margin-top:5px;font-size:18px;color:#18354b} .forum-category-hero-stat{display:flex;align-items:baseline;gap:7px;margin:15px 0 12px;padding:12px 13px;width:100%;border:1px solid #e4ece8;border-radius:12px;background:#f7faf9} .forum-category-hero-stat strong{font-size:24px;color:#087052}.forum-category-hero-stat span{font-size:12px;color:#75808f} .forum-category-hero-side>a{font-size:12.5px;font-weight:850;text-decoration:none;color:#087052} .forum-category-switcher{margin:18px 0 20px;padding:16px;border:1px solid #e2e9e6;border-radius:16px;background:#fbfdfc} .forum-category-switcher-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:11px} .forum-category-switcher-head h2{margin:0;font-size:17px}.forum-category-switcher-head p{margin:3px 0 0;color:#7a8491;font-size:12px} .forum-category-switcher-head>a{font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap} .forum-category-switcher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .forum-category-switcher-item{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;align-items:center;min-height:62px;padding:10px 11px;border:1px solid #e2e9e6;border-radius:12px;background:#fff;color:#243143;text-decoration:none;transition:.15s ease} .forum-category-switcher-item:hover{border-color:#9ecdbb;transform:translateY(-1px)} .forum-category-switcher-item.active{border-color:#7dc5a8;background:#eef9f4;box-shadow:inset 0 0 0 1px rgba(8,112,82,.06)} .forum-category-switcher-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf7f2;font-size:16px} .forum-category-switcher-copy{min-width:0}.forum-category-switcher-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.forum-category-switcher-copy small{display:block;margin-top:2px;color:#84909e;font-size:10.5px} .forum-category-switcher-arrow{color:#8d98a5;font-size:20px;text-align:right} .forum-topic-sidebar{align-self:start;position:sticky;top:86px} .forum-side-card{padding:17px;margin-bottom:14px;border-radius:15px} .forum-side-card h3{margin:0;font-size:16px}.forum-side-card h3 a{text-decoration:none;color:#17334a} .forum-side-kicker{display:block;margin-bottom:6px;font-size:10px;letter-spacing:.1em;font-weight:900;color:#087052} .forum-side-current{background:linear-gradient(180deg,#f7fcfa,#fff)} .forum-side-current p{margin:8px 0 12px;font-size:12.5px;line-height:1.55} .forum-side-cta{display:inline-flex;font-size:12px;font-weight:850;text-decoration:none;color:#087052} .forum-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px} .forum-side-head>a{font-size:11px;font-weight:850;text-decoration:none;white-space:nowrap} .forum-side-topic-list{display:grid}.forum-side-topic{display:block;padding:10px 0;border-top:1px solid #edf1ef;text-decoration:none;color:#213044}.forum-side-topic:first-child{border-top:0;padding-top:4px} .forum-side-topic b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.45} .forum-side-topic span{display:block;margin-top:4px;color:#8a949f;font-size:10.5px}.forum-side-topic-cat{display:block;margin-bottom:4px;color:#087052!important;font-weight:850} .forum-side-category-list{display:grid;gap:5px}.forum-side-category-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border-radius:9px;background:#f8faf9;text-decoration:none;color:#344054;font-size:12px;font-weight:750} .forum-side-category-list a:hover{background:#eef8f4}.forum-side-category-list small{display:inline-grid;place-items:center;min-width:24px;height:21px;padding:0 6px;border-radius:999px;background:#e7f5ef;color:#087052;font-size:10px;font-weight:900} .forum-side-rule p{margin-bottom:0;font-size:12px;line-height:1.55} @media(max-width:980px){ .forum-category-switcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .forum-category-hero{grid-template-columns:1fr .46fr} .forum-topic-sidebar{position:static} } @media(max-width:760px){ .forum-assets-head:after{display:none!important;content:none!important} .forum-assets{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;margin:0 0 16px!important;padding:0!important;scroll-snap-type:none!important} .forum-asset-card{min-width:0!important;width:auto!important;min-height:88px!important;flex:none!important;padding:10px 9px!important} .forum-asset-card b{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:normal!important} .forum-category-hero{grid-template-columns:1fr;margin-top:16px}.forum-category-hero-side{display:none}.forum-category-hero-main{padding:20px}.forum-category-hero-main h1{font-size:25px} .forum-category-switcher{padding:13px;margin:14px 0 16px}.forum-category-switcher-head{align-items:flex-start}.forum-category-switcher-head p{display:none}.forum-category-switcher-grid{grid-template-columns:1fr 1fr}.forum-category-switcher-item{grid-template-columns:30px minmax(0,1fr);min-height:58px;padding:9px}.forum-category-switcher-arrow{display:none}.forum-category-switcher-icon{width:30px;height:30px}.forum-category-switcher-copy b{font-size:12px;white-space:normal;line-height:1.25}.forum-category-switcher-copy small{font-size:9.5px} .forum-topic-sidebar{display:grid;grid-template-columns:1fr;gap:0}.forum-side-card{margin-bottom:12px} } @media(max-width:430px){ .forum-category-switcher{margin-left:-2px;margin-right:-2px;padding:11px}.forum-category-switcher-grid{gap:6px}.forum-category-switcher-item{gap:7px;padding:8px}.forum-category-switcher-icon{font-size:14px} } .forum-category-hub-hero .forum-hub-intro:after{content:"!"} .forum-category-mini-stats{margin-bottom:12px} .forum-category-all-link{display:inline-flex;align-items:center;font-size:12px;font-weight:850;color:#087052;text-decoration:none} .forum-category-all-link:hover{text-decoration:underline} .forum-page>.forum-category-switcher{margin-top:22px;margin-bottom:8px} .portal-topic{grid-template-columns:42px minmax(0,1fr) 118px} .portal-avatar{overflow:hidden} .portal-avatar img{display:block;width:100%;height:100%;object-fit:cover} .portal-topic-stats{display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:center;gap:2px} .portal-topic-stats span{min-width:0} .portal-topic-stats span+span{border-left:1px solid #e7edf2} .portal-topic-stats b{display:block;font-size:16px;color:#23364b;line-height:1.15} .portal-topic-stats small{display:block;margin-top:3px;font-size:9.5px;color:#8994a0;white-space:nowrap} @media(max-width:620px){.portal-topic{grid-template-columns:36px minmax(0,1fr) 74px}.portal-topic-stats{grid-template-columns:1fr}.portal-topic-stats span+span{border-left:0;border-top:1px solid #edf1f4;padding-top:4px;margin-top:4px}.portal-topic-stats b{font-size:13px}.portal-topic-stats small{font-size:8.5px}} :root{ --ui-navy:#10263d; --ui-navy-2:#173b55; --ui-cyan:#0e7490; --ui-cyan-2:#1aa7bd; --ui-aqua:#68dbe7; --ui-ink:#142033; --ui-muted:#667085; --ui-line:#e2e8f0; --ui-soft:#f3f8fa; --ui-bg:#f6f8fb; --ui-card:#fff; --ui-radius:16px; --ui-shadow:0 8px 24px rgba(16,38,61,.055); --ui-shadow-hover:0 16px 38px rgba(16,38,61,.09); } html{background:var(--ui-bg)} body{background:linear-gradient(180deg,#f8fafc 0,#f6f8fb 340px);color:var(--ui-ink)} img{max-width:100%} ::selection{background:#c8f2f6;color:#10263d} :focus-visible{outline:3px solid rgba(26,167,189,.28);outline-offset:2px} a,button,input,select,textarea{touch-action:manipulation} .wrap{width:min(1200px,calc(100% - 36px))} .narrow{max-width:860px} .top{border-bottom:1px solid rgba(16,38,61,.08);box-shadow:0 1px 0 rgba(255,255,255,.8),0 8px 28px rgba(16,38,61,.035)} .top .nav{height:76px} .desktop-links>a,.desktop-user>a{border-radius:10px;color:#42526a} .desktop-links>a:hover,.desktop-user>a:hover{background:#edf7f9;color:var(--ui-cyan)} .nav-cta{background:linear-gradient(135deg,var(--ui-cyan),var(--ui-cyan-2))!important;box-shadow:0 7px 17px rgba(14,116,144,.18)} .header-search input{border-color:#d8e2ea;background:#f8fafc} .header-search input:focus{border-color:#80cbd6;box-shadow:0 0 0 4px rgba(14,116,144,.10)} .notice-bell{border-color:#dfe7ed!important} .mobile-menu{border-top-color:#e8eef3} .card,.surface{border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)} .card{padding:23px} .card h1,.surface h1{color:#10263d} .card h2,.card h3,.surface h2,.surface h3{color:#172b43} h1,h2,h3{text-wrap:balance} p{overflow-wrap:break-word} .muted{color:#6f7c8d} .section-kicker,.portal-kicker{color:var(--ui-cyan)!important} .btn{border-radius:11px;background:linear-gradient(135deg,var(--ui-cyan),#1289a2);box-shadow:0 6px 16px rgba(14,116,144,.13);transition:transform .14s ease,box-shadow .14s ease,background .14s ease} .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(14,116,144,.18);filter:none} .btn.out{border-color:#b8d7df;color:#0d6f88!important;background:#fff;box-shadow:none} .btn.out:hover{background:#f1fafb;border-color:#7dc6d3} .btn.soft{background:#eaf7fa;color:#0c657b!important;box-shadow:none} .btn.red{background:#b42318} .linkbtn:hover{color:var(--ui-cyan)} .form input,.form textarea,.form select,input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],textarea,select{ border-color:#ccd8e2;border-radius:11px;background:#fff;color:#16243a;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease } .form input:focus,.form textarea:focus,.form select:focus,input:focus,textarea:focus,select:focus{border-color:#75c5d2;box-shadow:0 0 0 4px rgba(14,116,144,.09);outline:0} .form label,label{color:#344054} .badge,.verified,.shop-status.active{border-radius:999px} .badge{background:#eaf7fa;color:#0b6d85} .verified{color:#087a69} .ok{background:#ecfdf5;border-color:#a7f3d0} .alert{background:#fff5f4;border-color:#ffd4cf} .forum-page{padding-top:30px} .forum-page-head h1{color:#10263d} .forum-tabs{border-color:#dfe8ef;box-shadow:0 5px 18px rgba(16,38,61,.035)} .forum-tabs a.active{background:linear-gradient(135deg,var(--ui-cyan),#158ea5)} .forum-board{border-color:#dfe7ee;box-shadow:var(--ui-shadow)} .forum-board-title{background:linear-gradient(180deg,#fbfdfe,#f7fafc);border-color:#e7edf2} .forum-row{border-color:#edf1f5} .forum-row:hover{background:#f8fcfd} .forum-avatar,.forum-category-icon,.forum-asset-icon{background:#e9f7fa;color:#0e7490} .forum-topic-title,.topic-title{color:#17283d} .forum-topic-title:hover,.topic-title:hover{color:#0e7490} .forum-topic-tag{background:#eaf7fa;color:#0c6d84} .forum-category-card,.forum-asset-card{border-color:#e0e8ef;box-shadow:0 4px 16px rgba(16,38,61,.035)} .forum-category-card:hover,.forum-asset-card:hover{border-color:#9dcfd8;box-shadow:0 10px 26px rgba(16,38,61,.07)} .answer{border-color:#e0e7ee;border-radius:16px;box-shadow:0 4px 16px rgba(16,38,61,.025)} .answer.best{border-color:#8dd4c1;background:#fbfffe} .comment{background:#f8fafc;border-color:#e8eef3} .directory-shop-card{border-color:#dfe7ed!important;border-radius:16px!important;box-shadow:0 5px 18px rgba(16,38,61,.035)!important;transition:.16s ease} .directory-shop-card:hover{transform:translateY(-2px);border-color:#a8d2da!important;box-shadow:var(--ui-shadow-hover)!important} .directory-shop-logo{background:#fff;border-color:#e2e8ef!important} .shop-profile-hero,.shop-brand-hero{border-color:#dae7ed!important;background:linear-gradient(135deg,#f5fbfc,#fff)!important} .shop-tabbar a.active{color:var(--ui-cyan)!important;border-color:var(--ui-cyan)!important} .liq-page{padding-top:28px} .liq-hero-v2{border-color:#dbe8ee!important;background:linear-gradient(125deg,#f2fafc 0%,#fff 72%)!important;box-shadow:var(--ui-shadow)!important} .liq-trust-row span{border-color:#d9e8ed!important;color:#365f6b!important} .liq-icon-tabs{border-color:#dfe8ee!important;box-shadow:0 5px 18px rgba(16,38,61,.035)!important} .liq-icon-tabs .liq-icon-tab.active{color:#0e7490!important;background:#edf9fb!important} .liq-icon-tabs .liq-icon-tab.active:after{background:#16a8bd!important} .liq-react-levels{border-color:#e0e8ee!important;background:#fbfdfe!important} .liq-card,.liq-card-v2{border-color:#e0e7ed!important;box-shadow:0 5px 18px rgba(16,38,61,.035)!important} .liq-card:hover,.liq-card-v2:hover{transform:translateY(-2px);border-color:#a7d1da!important;box-shadow:var(--ui-shadow-hover)!important} .liq-gallery-main,.liq-info{border-color:#dfe7ed!important;box-shadow:var(--ui-shadow)} .owner-layout-v2{gap:18px} .owner-side-v2{border-color:#dce6ed!important;box-shadow:var(--ui-shadow);background:#fff!important} .owner-side-v2 a{border-radius:10px!important} .owner-side-v2 a.active,.owner-side-v2 a:hover{background:#eaf7fa!important;color:#0d7088!important} .owner-hero-v2{border-color:#d9e7ed!important;background:linear-gradient(135deg,#f1fafc,#fff 72%)!important;box-shadow:var(--ui-shadow)} .owner-kpi-v2,.owner-section-v2,.owner-register-card,.owner-register-hero{border-color:#dfe7ed!important;box-shadow:var(--ui-shadow)} .owner-kpi-v2 b{color:#10263d} .owner-branch-row{border-color:#e9eef3!important} .owner-register-step>b{background:#eaf7fa;color:#0e7490} .owner-register-benefits>div{border-color:#e0e8ee;background:#fbfdfe} .profile-card,.profile-head,.notification-item,.search-result,.tag-result{border-color:#dfe7ed!important;box-shadow:var(--ui-shadow)} .profile-card,.profile-head{border-radius:16px!important} .notification-item:hover,.search-result:hover,.tag-result:hover{background:#f8fcfd!important} .admin-layout,.admin-shell{background:transparent} .admin-side{border-color:#dce5ec!important;background:#10263d!important;box-shadow:0 12px 30px rgba(16,38,61,.12)} .admin-side a{border-radius:9px!important;color:#c8d5df!important} .admin-side a:hover,.admin-side a.active{background:rgba(104,219,231,.12)!important;color:#fff!important} .admin-title h1{color:#10263d} .admin-table{border-collapse:separate!important;border-spacing:0;width:100%} .admin-table th{background:#f6f9fb;color:#42526a;font-size:12px;text-transform:none;letter-spacing:.01em;position:sticky;top:0;z-index:1} .admin-table th,.admin-table td{border-bottom:1px solid #e9eef3!important;padding:11px 12px!important} .admin-table tr:hover td{background:#fbfdfe} .footer{margin-top:40px;background:#f4f8fb;border-top:1px solid #dce7ef;color:#536579} .footer-inner{min-height:118px} .footer-note{color:#536579} .footer-brand img{filter:none} .portal-services,.portal-regions,.portal-content{content-visibility:auto;contain-intrinsic-size:1px 700px} .portal-service-card,.portal-region,.portal-topic,.portal-side-card,.portal-owner-card,.portal-join-card{transition:.16s ease} .portal-service-card:hover,.portal-region:hover{box-shadow:var(--ui-shadow-hover)} .portal-feed{box-shadow:var(--ui-shadow)} .forum-row,.forum-category-card,.liq-card,.liq-card-v2,.job-card,.portal-topic,.portal-article{ content-visibility:auto; contain-intrinsic-size:1px 110px; } .liq-card,.liq-card-v2,.job-card{contain-intrinsic-size:1px 330px} img[loading="lazy"]{content-visibility:auto} @media(max-width:760px){ body{font-size:14.5px} .wrap{width:min(100% - 24px,1200px)} .top .nav{width:calc(100% - 20px);height:64px} .card{padding:17px;border-radius:14px;margin-bottom:12px} .forum-page,.shop-directory-page,.job-page,.liq-page{padding-top:14px} .forum-board,.portal-feed{border-radius:13px} .job-card,.directory-shop-card,.liq-card,.liq-card-v2{border-radius:13px!important} .footer{margin-top:24px} .footer-inner{min-height:0;padding:22px 0;display:grid;justify-items:center;text-align:center} .footer-note{text-align:center;line-height:1.6} .admin-table th,.admin-table td{padding:9px 10px!important} } @media(max-width:430px){ .wrap{width:calc(100% - 18px)} .card{padding:15px} .btn{min-height:40px;padding-left:13px;padding-right:13px} } @media(prefers-reduced-motion:reduce){ *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important} } .logout-form{display:inline;margin:0}.logout-link{appearance:none;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:10px 12px;border-radius:10px}.desktop-user .logout-link{color:#42526a}.desktop-user .logout-link:hover{background:#edf7f9;color:var(--ui-cyan)}.mobile-account .logout-form{display:block;width:100%}.mobile-account .logout-link{display:block;width:100%;text-align:left;padding:10px 0} .portal-section-head p, .portal-service-card p, .portal-region small, .portal-topic-meta, .portal-topic-stat small, .portal-article small, .portal-join-card>small{color:#5b6876} .portal-topic-meta a{color:#4f6070} .portal-section-head.inline>a, .portal-feed-head>a, .portal-side-more, .portal-owner-card>a, .portal-join-card>small a, .portal-topic-meta a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .portal-section-head.inline>a:hover, .portal-feed-head>a:hover, .portal-side-more:hover, .portal-owner-card>a:hover, .portal-join-card>small a:hover, .portal-topic-meta a:hover{text-decoration-thickness:2px} .portal-btn:focus-visible, .portal-quick:focus-visible, .portal-service-card:focus-visible, .portal-region:focus-visible, .portal-topic a:focus-visible, .portal-article:focus-visible, .portal-search input:focus-visible, .portal-search button:focus-visible{outline:3px solid #f7c948;outline-offset:3px} @media(max-width:760px){ .top{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none} .portal-hero-side{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.075)} } .liq-detail-breadcrumb{margin:0 0 12px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .liq-detail-breadcrumb a,.liq-detail-breadcrumb b{max-width:42vw;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom} .liq-gallery-thumbs{align-items:center} .liq-gallery-thumb{flex:0 0 auto;padding:0;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;line-height:0} .liq-gallery-thumb img{display:block;margin:0;border:0} .liq-gallery-thumb.active{border-color:#0b6b50} .liq-gallery-thumb:focus-visible{outline:3px solid #0b6b50;outline-offset:2px} .liq-detail-section{padding:22px;margin-top:16px} .liq-detail-section h2{margin-top:0} .liq-detail-related{margin-top:22px} .liq-detail-related .liq-product-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px} .liq-detail-related .liq-product-head h2{margin:3px 0 0} .liq-detail-related .liq-product-head>a{font-weight:800;text-underline-offset:3px} @media(max-width:760px){ .liq-detail-breadcrumb{font-size:12px;margin-bottom:9px} .liq-detail-breadcrumb a,.liq-detail-breadcrumb b{max-width:38vw} .liq-gallery-thumb img{width:64px;height:52px} .liq-detail-section{padding:17px 15px} .liq-detail-related{margin-top:18px} .liq-detail-related .liq-product-head{align-items:center} .liq-detail-related .liq-product-head h2{font-size:20px} } .opening-hours-field{border:1px solid #d7e2ea;border-radius:14px;padding:14px 16px;margin:14px 0;background:#fbfdff} .opening-hours-field legend{font-weight:800;padding:0 6px} .opening-hours-grid{display:grid;gap:8px} .opening-hours-row{display:grid;grid-template-columns:92px 120px 110px 30px 110px;gap:8px;align-items:center} .opening-hours-row select{margin:0;min-width:0} .shop-hours-status{font-size:13px;font-weight:800;margin-top:8px} .shop-hours-status.is-open{color:#087a55} .shop-hours-status.is-closed{color:#7b8794} @media(max-width:680px){ .opening-hours-row{grid-template-columns:78px 1fr 1fr;gap:6px} .opening-hours-row>span{display:none} .opening-hours-row select:nth-of-type(3){grid-column:3} } @media(max-width:700px){ .shop-directory-toolbar{margin:7px 0 9px} .shop-directory-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;gap:6px;padding:6px} .shop-directory-searchbar input[type="search"]{grid-column:1/-1;width:100%;max-width:none;min-width:0;height:40px;font-size:16px} .shop-directory-searchbar select{width:100%;min-width:0;height:40px;font-size:16px} .shop-directory-searchbar .btn{height:40px;min-width:56px} .shop-directory-clear{align-self:center;text-align:center} } .shop-search-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 10px;padding:7px 10px;border:1px solid #e1e8ed;border-radius:9px;background:#fff;font-size:13px;color:#647485} .shop-search-summary b{color:#12324a;white-space:nowrap} @media(max-width:700px){.shop-search-summary{align-items:flex-start;flex-direction:column;gap:3px;margin-top:6px}.shop-directory-empty{padding:16px}} .forum-topic-sub .forum-topic-author{ color:#526b84; text-decoration:none; font-weight:750; } .forum-topic-sub .forum-topic-author:hover{ color:var(--green); text-decoration:underline; text-underline-offset:2px; } .forum-topic-sub .forum-topic-sep{ color:#a3adb8; } @media(max-width:520px){ .forum-topic-sub{ display:flex; align-items:center; gap:5px; flex-wrap:nowrap; min-width:0; } .forum-topic-sub .forum-topic-author{ display:inline-block; max-width:82px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:0 1 auto; } .forum-topic-sub .forum-topic-sep, .forum-topic-sub .forum-posted-at{ flex:0 0 auto; white-space:nowrap; } .forum-topic-sub .forum-topic-tag{ min-width:0; max-width:105px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } .site-footer{margin-top:34px;background:#f8fafc;border-top:1px solid #e6ebf0;color:#5e6b7d} .site-footer *{box-sizing:border-box} .site-footer .footer-owner-cta{display:block;background:linear-gradient(135deg,#10263d 0%,#173b58 100%);color:#fff} .site-footer .footer-owner-cta-inner{min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:28px;padding-bottom:28px} .site-footer .footer-owner-cta h2{margin:5px 0 7px;font-size:26px;line-height:1.25;color:#fff} .site-footer .footer-owner-cta p{margin:0;max-width:760px;line-height:1.65;color:#d6e1eb} .site-footer .footer-kicker{display:block;font-size:11px;letter-spacing:.13em;font-weight:900;color:#89d3b2} .site-footer .footer-owner-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto} .site-footer .footer-owner-actions .btn{white-space:nowrap} .site-footer .footer-owner-cta .btn.out{border-color:#6f879b;color:#fff;background:transparent} .site-footer .footer-owner-cta .btn.out:hover{background:rgba(255,255,255,.08)} .site-footer .footer-main{display:grid!important;grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,1fr));gap:44px;padding-top:42px;padding-bottom:34px;align-items:start} .site-footer .footer-about{display:block;max-width:390px} .site-footer .footer-logo{display:inline-flex;align-items:center} .site-footer .footer-logo img{width:190px!important;max-width:100%;height:auto!important;display:block} .site-footer .footer-about>p{margin:15px 0 17px;line-height:1.7;color:#667085} .site-footer .footer-trust-note{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid #dfe8e3;background:#f4fbf7;border-radius:11px;font-size:12px;line-height:1.5;color:#536273} .site-footer .footer-trust-note b{color:#2e4e3d} .site-footer .footer-check{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff5e9;color:#087348;font-weight:900;flex:0 0 22px} .site-footer .footer-links{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:10px;min-width:0} .site-footer .footer-links h3{margin:2px 0 7px;font-size:14px;color:#27364a} .site-footer .footer-links a{display:block;font-size:13px;color:#687386;text-decoration:none;line-height:1.45} .site-footer .footer-links a:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px} .site-footer .footer-disclaimer{border-top:1px solid #e2e8ef;padding-top:17px;padding-bottom:19px;font-size:12px;line-height:1.6;color:#7a8493} .site-footer .footer-disclaimer strong{color:#536071} .site-footer .footer-bottom{border-top:1px solid #e2e8ef;background:#fff} .site-footer .footer-bottom-inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#7b8492} @media(max-width:900px){ .site-footer .footer-owner-cta-inner{align-items:flex-start;flex-direction:column;gap:18px} .site-footer .footer-owner-actions{justify-content:flex-start} .site-footer .footer-main{grid-template-columns:1fr 1fr!important;gap:30px} .site-footer .footer-about{grid-column:1/-1;max-width:650px} } @media(max-width:600px){ .site-footer{margin-top:26px} .site-footer .footer-owner-cta-inner{padding-top:24px;padding-bottom:24px} .site-footer .footer-owner-cta h2{font-size:22px} .site-footer .footer-owner-cta p{font-size:13px} .site-footer .footer-owner-actions{width:100%} .site-footer .footer-owner-actions .btn{flex:1 1 145px;text-align:center} .site-footer .footer-main{grid-template-columns:1fr 1fr!important;gap:28px 22px;padding-top:30px;padding-bottom:26px} .site-footer .footer-about{grid-column:1/-1} .site-footer .footer-logo img{width:168px!important} .site-footer .footer-links h3{font-size:13px} .site-footer .footer-links a{font-size:12.5px} .site-footer .footer-disclaimer{font-size:11.5px} .site-footer .footer-bottom-inner{min-height:64px;align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;padding-top:13px;padding-bottom:13px} } @media(max-width:420px){ .site-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px 18px!important} .site-footer .footer-about{grid-column:1/-1!important} } .site-footer .footer-about{display:flex;flex-direction:column;align-items:flex-start} .site-footer .footer-logo{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:6px} .site-footer .footer-logo img{width:min(240px,100%)!important;max-width:100%;height:auto!important;object-fit:contain} .site-footer .footer-about>p{max-width:390px} .site-footer .footer-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;width:100%;margin:2px 0 16px} .site-footer .footer-social-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;text-decoration:none;background:#fff;border:1px solid #d9e4ee;color:#1f3250;font-size:13px;font-weight:700;box-shadow:0 8px 18px rgba(16,38,61,.06)} .site-footer .footer-social-btn:hover{transform:translateY(-1px);border-color:#b8cadb;box-shadow:0 10px 22px rgba(16,38,61,.1)} .site-footer .footer-social-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;flex:0 0 28px} .site-footer .footer-social-btn.facebook .footer-social-icon{background:#1877f2} .site-footer .footer-social-btn.youtube .footer-social-icon{background:#ff0033} .site-footer .footer-social-icon svg{width:16px;height:16px;display:block} .site-footer .footer-bottom-inner{flex-wrap:nowrap} .site-footer .footer-bottom-inner>span{display:inline-flex;align-items:center;min-width:0} .site-footer .footer-bottom-inner>span::before{content:none!important;display:none!important} .site-footer .footer-bottom-inner>span:last-child{white-space:nowrap;overflow-wrap:normal;word-break:normal} @media(max-width:900px){ .site-footer .footer-about{align-items:center;text-align:center;max-width:none} .site-footer .footer-about>p{max-width:520px} .site-footer .footer-trust-note{text-align:left} } @media(max-width:600px){ .site-footer .footer-logo img{width:min(220px,100%)!important} .site-footer .footer-social{margin-top:4px;margin-bottom:14px} .site-footer .footer-social-btn{padding:8px 12px;font-size:12.5px} .site-footer .footer-bottom-inner{align-items:center;gap:6px;padding-top:12px;padding-bottom:12px} .site-footer .footer-bottom-inner>span{justify-content:center;width:100%;font-size:11px} .site-footer .footer-bottom-inner>span:last-child{font-size:10.5px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none} .site-footer .footer-bottom-inner>span:last-child::-webkit-scrollbar{display:none} } .footer-2026{margin-top:34px;background:#f8fbff;border-top:1px solid #e5edf5;color:#65758a} .footer-2026 *{box-sizing:border-box} .footer-2026 .footer-main-new{display:grid!important;grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(170px,1fr));gap:38px;padding-top:42px;padding-bottom:34px;align-items:start} .footer-2026 .footer-about{max-width:330px} .footer-2026 .footer-logo{display:inline-flex;align-items:center} .footer-2026 .footer-logo img{display:block;width:210px!important;max-width:100%;height:auto!important} .footer-2026 .footer-about>p{margin:18px 0 20px;font-size:14px;line-height:1.7;color:#617087} .footer-socials{display:flex;gap:10px;align-items:center}.footer-socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;border:1px solid #e2edf9;color:#0876d8;text-decoration:none;font-weight:900}.footer-socials a:hover{transform:translateY(-1px);background:#e4f2ff} .footer-group{border:0;margin:0;padding:0}.footer-group>summary{list-style:none;display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#1b2d48;cursor:default;font-size:15px}.footer-group>summary::-webkit-details-marker{display:none}.footer-group>summary:after{display:none}.footer-group-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:16px;font-weight:900}.footer-group-icon-blue{background:#edf5ff;color:#2279ff}.footer-group-icon-green{background:#eafaf3;color:#13a36f}.footer-group-icon-purple{background:#f3efff;color:#8257ee}.footer-group nav{display:flex;flex-direction:column;gap:12px}.footer-group nav a{position:relative;padding-left:18px;color:#607087;text-decoration:none;font-size:13.5px;line-height:1.45}.footer-group nav a:before{content:"›";position:absolute;left:0;top:-1px;color:#8fa0b5;font-weight:900}.footer-group nav a:hover{color:#087aa5;text-decoration:underline;text-underline-offset:3px} .footer-2026 .footer-contribution-new{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;margin-top:6px;margin-bottom:28px;border:1px solid #dcecf8;border-radius:16px;background:linear-gradient(135deg,#f4faff 0%,#eef9ff 100%);overflow:hidden;position:relative}.footer-2026 .footer-contribution-new:after{content:"";position:absolute;right:0;bottom:-30px;width:360px;height:110px;background:radial-gradient(ellipse at center,rgba(36,183,226,.12),transparent 68%);pointer-events:none}.footer-contribution-copy{display:flex;align-items:center;gap:17px;min-width:0}.footer-contribution-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#e6f5ff;color:#0788d6;font-size:22px;flex:0 0 48px}.footer-contribution-copy h3{margin:0 0 5px;color:#29415f;font-size:17px}.footer-contribution-copy p{margin:0;color:#718197;line-height:1.55;font-size:13.5px}.footer-2026 .footer-contribution-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:215px;min-height:48px;border-radius:13px;background:linear-gradient(135deg,#0e88b8,#0bb6b0);border:0;color:#fff!important;box-shadow:0 10px 26px rgba(10,139,174,.18);text-decoration:none;font-weight:800} .footer-2026 .footer-disclaimer-new{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #e3ebf3;padding-top:20px;padding-bottom:22px;font-size:12px;line-height:1.65;color:#475569}.footer-disclaimer-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef6ff;color:#2278d6;flex:0 0 28px}.footer-disclaimer-new strong{color:#53647a} .footer-2026 .footer-static-links-new{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid #e3ebf3;padding-top:18px;padding-bottom:18px}.footer-static-links-new a{font-size:13px;color:#6d7d91;text-decoration:none;display:inline-flex;align-items:center}.footer-static-links-new a+a:before{content:"|";margin:0 14px;color:#c3ccd7}.footer-static-links-new a:hover{color:#087aa5} .footer-2026 .footer-bottom{border-top:1px solid #e3ebf3;background:#fff}.footer-2026 .footer-bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;color:#475569}.footer-bottom-note{display:inline-flex;align-items:center} @media(max-width:980px){.footer-2026 .footer-main-new{grid-template-columns:1.2fr 1fr 1fr!important}.footer-2026 .footer-about{grid-column:1/-1;max-width:520px}.footer-2026 .footer-group:last-child{grid-column:auto}.footer-2026 .footer-contribution-new{align-items:flex-start}} @media(max-width:600px){.footer-2026{margin-top:26px}.footer-2026 .footer-main-new{display:block!important;padding-top:24px;padding-bottom:18px}.footer-2026 .footer-about{max-width:none;margin-bottom:22px}.footer-2026 .footer-logo img{width:190px!important}.footer-2026 .footer-about>p{font-size:13px;margin:14px 0 16px}.footer-socials{margin-bottom:10px}.footer-group{border-top:1px solid #e5edf5}.footer-group:last-of-type{border-bottom:1px solid #e5edf5}.footer-group>summary{position:relative;margin:0;padding:14px 2px;cursor:pointer;font-size:14px}.footer-group>summary:after{content:"⌄";display:block;margin-left:auto;font-size:16px;color:#75869a;transition:transform .2s ease}.footer-group[open]>summary:after{transform:rotate(180deg)}.footer-group-icon{width:30px;height:30px;border-radius:9px}.footer-group nav{padding:0 0 14px 41px;gap:10px}.footer-group nav a{font-size:12.5px;padding-left:14px}.footer-2026 .footer-contribution-new{display:block;margin-top:18px;margin-bottom:22px;padding:16px;border-radius:14px}.footer-contribution-copy{align-items:flex-start;gap:12px}.footer-contribution-icon{width:40px;height:40px;flex-basis:40px;border-radius:11px;font-size:18px}.footer-contribution-copy h3{font-size:14px;line-height:1.35}.footer-contribution-copy p{font-size:12px;line-height:1.5}.footer-2026 .footer-contribution-btn{width:100%;min-height:44px;margin-top:14px;border-radius:10px;font-size:13px}.footer-2026 .footer-disclaimer-new{padding-top:17px;padding-bottom:18px;font-size:11px;line-height:1.55}.footer-2026 .footer-static-links-new{gap:8px 0;padding-top:14px;padding-bottom:14px}.footer-static-links-new a{font-size:11.5px}.footer-static-links-new a+a:before{margin:0 8px}.footer-2026 .footer-bottom-inner{min-height:auto;display:block;padding-top:13px;padding-bottom:15px;font-size:11px;line-height:1.55}.footer-bottom-note{display:block;margin-top:8px}.footer-2026 .footer-bottom-note{max-width:240px}} .footer-2026 .footer-about{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:350px} .footer-2026 .footer-logo{display:flex;align-items:center;justify-content:center;width:100%} .footer-2026 .footer-logo img{display:block;width:240px!important;max-width:100%;height:auto!important;object-fit:contain} .footer-2026 .footer-about>p{max-width:340px} .footer-2026 .footer-socials{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:0;margin-bottom:4px} .footer-2026 .footer-socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #e2edf9;background:#fff;text-decoration:none;box-shadow:0 6px 16px rgba(16,38,61,.07)} .footer-2026 .footer-socials a span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff} .footer-2026 .footer-socials a svg{width:16px;height:16px;display:block} .footer-2026 .footer-social-facebook span{background:#1877f2} .footer-2026 .footer-social-youtube span{background:#ff0033} .footer-2026 .footer-bottom-note{white-space:nowrap;word-break:keep-all;overflow-wrap:normal} .footer-2026 .footer-bottom-note:before{content:none!important;display:none!important} @media(max-width:980px){ .footer-2026 .footer-about{max-width:520px;margin-left:auto;margin-right:auto} .footer-2026 .footer-about>p{max-width:460px} } @media(max-width:600px){ .footer-2026 .footer-about{align-items:center;text-align:center;margin-bottom:22px} .footer-2026 .footer-logo{justify-content:center} .footer-2026 .footer-logo img{width:230px!important;max-width:82vw} .footer-2026 .footer-about>p{max-width:320px;margin-left:auto;margin-right:auto} .footer-2026 .footer-socials{justify-content:center;margin:2px 0 14px} .footer-2026 .footer-bottom-inner{display:flex!important;flex-direction:column;align-items:center!important;text-align:center;gap:5px} .footer-2026 .footer-bottom-note{display:block!important;margin-top:0!important;max-width:none!important;width:auto!important;font-size:10.5px;white-space:nowrap} } .footer-2026 .footer-owner-cta-v20197{display:block!important;width:100%!important;background:linear-gradient(135deg,#10263d 0%,#173b58 100%)!important;color:#fff!important;border:0!important} .footer-2026 .footer-owner-cta-v20197 .footer-owner-cta-inner{min-height:154px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;padding-top:28px!important;padding-bottom:28px!important} .footer-2026 .footer-owner-cta-v20197 .footer-kicker{display:block!important;font-size:11px!important;letter-spacing:.13em!important;font-weight:900!important;color:#89e0c0!important} .footer-2026 .footer-owner-cta-v20197 h2{margin:7px 0 9px!important;font-size:26px!important;line-height:1.25!important;color:#fff!important} .footer-2026 .footer-owner-cta-v20197 p{margin:0!important;max-width:820px!important;line-height:1.65!important;color:#d6e1eb!important} .footer-2026 .footer-owner-cta-v20197 .footer-owner-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;justify-content:flex-end!important;flex:0 0 auto!important} .footer-2026 .footer-owner-cta-v20197 .btn{background:#086b84!important;color:#fff!important;border:1px solid #086b84!important} .footer-2026 .footer-owner-cta-v20197 .btn.out{background:transparent!important;color:#d9f5ff!important;border-color:#66839a!important} @media(max-width:900px){.footer-2026 .footer-owner-cta-v20197 .footer-owner-cta-inner{align-items:flex-start!important;flex-direction:column!important;gap:18px!important}.footer-2026 .footer-owner-cta-v20197 .footer-owner-actions{justify-content:flex-start!important}} @media(max-width:600px){.footer-2026 .footer-owner-cta-v20197 .footer-owner-cta-inner{padding-top:22px!important;padding-bottom:22px!important}.footer-2026 .footer-owner-cta-v20197 h2{font-size:21px!important}.footer-2026 .footer-owner-cta-v20197 p{font-size:13px!important}.footer-2026 .footer-owner-cta-v20197 .footer-owner-actions{width:100%!important}.footer-2026 .footer-owner-cta-v20197 .footer-owner-actions .btn{flex:1 1 145px!important;text-align:center!important}} .contribution-page{padding-top:28px;padding-bottom:38px}.contribution-head{margin-bottom:20px}.contribution-head h1{margin:10px 0 8px}.contribution-shop{padding:14px 16px;border:1px solid #dbe7e1;background:#f5fbf8;border-radius:12px;margin-bottom:18px}.contribution-form{max-width:720px}.contribution-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop-contribution-link{margin-top:10px}.shop-contribution-link a{font-size:12px;color:#687386;text-decoration:none}.shop-contribution-link a:hover{color:var(--green);text-decoration:underline}.contribution-admin-item{padding:18px 0;border-bottom:1px solid #e7ebef}.contribution-admin-item:last-child{border-bottom:0}.contribution-message{line-height:1.7;padding:12px 14px;background:#f8fafc;border-radius:10px}.contribution-admin-form{margin-top:14px}.contribution-admin-form textarea{max-width:720px}@media(max-width:600px){.contribution-page{padding-top:18px}.form-grid-2{grid-template-columns:1fr}.contribution-admin-item .admin-title{align-items:flex-start;flex-direction:column}} .site-footer .footer-contribution{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:22px!important; margin-top:6px!important; margin-bottom:22px!important; padding:20px 22px!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:16px!important; background:rgba(255,255,255,.07)!important; } .site-footer .footer-contribution-copy{ display:flex!important; align-items:center!important; gap:14px!important; min-width:0!important; } .site-footer .footer-contribution-icon{ display:grid!important; place-items:center!important; width:42px!important; height:42px!important; flex:0 0 42px!important; border-radius:12px!important; background:rgba(255,255,255,.12)!important; font-size:22px!important; line-height:1!important; } .site-footer .footer-contribution h3{ margin:0 0 5px!important; font-size:17px!important; line-height:1.3!important; } .site-footer .footer-contribution p{ margin:0!important; opacity:.82!important; line-height:1.55!important; } .site-footer .footer-contribution-btn{ flex:0 0 auto!important; white-space:nowrap!important; text-decoration:none!important; } @media(max-width:700px){ .site-footer .footer-contribution{ align-items:stretch!important; flex-direction:column!important; gap:14px!important; padding:17px!important; } .site-footer .footer-contribution-btn{ display:flex!important; width:100%!important; justify-content:center!important; } } .portal-actions .nearby-home-btn{ gap:6px!important; } @media(max-width:760px){ .shop-directory-head .shop-directory-head-actions{ width:100%!important; min-width:0!important; flex-direction:row!important; } .shop-directory-head .shop-directory-head-actions .btn{ flex:1 1 0!important; } } @media(max-width:430px){ .shop-directory-head .shop-directory-head-actions{ flex-direction:column!important; } } .nearby-cta{ display:flex!important; align-items:center!important; gap:13px!important; min-height:64px!important; padding:10px 11px!important; border:1px solid rgba(16,132,159,.28)!important; border-radius:16px!important; background:linear-gradient(135deg,rgba(10,127,153,.10),rgba(255,255,255,.96))!important; box-shadow:0 10px 26px rgba(17,54,78,.08)!important; text-decoration:none!important; color:#0b2740!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important; } .nearby-cta:hover{ transform:translateY(-1px)!important; border-color:rgba(16,132,159,.52)!important; box-shadow:0 14px 30px rgba(17,54,78,.13)!important; background:linear-gradient(135deg,rgba(10,127,153,.14),#fff)!important; } .nearby-cta:focus-visible{ outline:3px solid rgba(11,138,168,.22)!important; outline-offset:3px!important; } .nearby-cta-icon{ display:grid!important; place-items:center!important; flex:0 0 46px!important; width:46px!important; height:46px!important; border-radius:14px!important; background:linear-gradient(145deg,#0c8ca8,#0a6f89)!important; color:#fff!important; box-shadow:0 8px 18px rgba(12,140,168,.24)!important; } .nearby-cta-icon svg{ width:25px!important; height:25px!important; } .nearby-cta-copy{ display:flex!important; flex:1 1 auto!important; min-width:0!important; flex-direction:column!important; gap:3px!important; text-align:left!important; } .nearby-cta-copy strong{ font-size:14px!important; line-height:1.2!important; letter-spacing:.035em!important; font-weight:800!important; } .nearby-cta-copy small{ font-size:12px!important; line-height:1.35!important; color:#64748b!important; } .nearby-cta-arrow{ display:grid!important; place-items:center!important; flex:0 0 34px!important; width:34px!important; height:34px!important; border-radius:999px!important; background:rgba(10,127,153,.10)!important; color:#087f99!important; font-size:18px!important; font-weight:800!important; transition:transform .18s ease,background .18s ease!important; } .nearby-cta:hover .nearby-cta-arrow{ transform:translateX(2px)!important; background:rgba(10,127,153,.16)!important; } .portal-actions .nearby-home-card{ width:min(100%,350px)!important; min-height:68px!important; } .portal-actions .nearby-home-card + *{ margin-left:0!important; } @media(max-width:760px){ .portal-actions .nearby-home-card, .shop-directory-head .nearby-directory-card{ width:100%!important; } .shop-directory-head .shop-directory-head-actions{ flex-direction:column!important; width:100%!important; } } @media(max-width:430px){ .nearby-cta{ min-height:60px!important; padding:9px 10px!important; border-radius:14px!important; } .nearby-cta-icon{ flex-basis:42px!important; width:42px!important; height:42px!important; border-radius:12px!important; } .nearby-cta-copy strong{font-size:13px!important} .nearby-cta-copy small{font-size:11.5px!important} .nearby-cta-arrow{ flex-basis:31px!important; width:31px!important; height:31px!important; } } .portal-actions{ align-items:center!important; } .portal-actions > .portal-btn.primary{ align-self:center!important; min-height:46px!important; height:46px!important; padding:0 20px!important; flex:0 0 auto!important; } .nearby-cta{ box-sizing:border-box!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:14px!important; width:100%!important; min-height:76px!important; height:auto!important; padding:8px 10px 8px 12px!important; border:1.5px solid rgba(103,224,234,.72)!important; border-radius:18px!important; background:linear-gradient(135deg,rgba(7,39,61,.98),rgba(8,74,94,.96))!important; box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important; color:#fff!important; text-decoration:none!important; overflow:hidden!important; position:relative!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .nearby-cta::before{ content:""!important; position:absolute!important; inset:0 auto 0 0!important; width:4px!important; background:#67e0ea!important; } .nearby-cta:hover{ transform:translateY(-2px)!important; border-color:#79edf5!important; box-shadow:0 18px 38px rgba(0,0,0,.30),0 0 0 3px rgba(103,224,234,.10)!important; } .nearby-cta-icon{ display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 58px!important; width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; max-width:58px!important; max-height:58px!important; border-radius:14px!important; background:#fff!important; box-shadow:0 8px 18px rgba(0,0,0,.20)!important; overflow:hidden!important; } .nearby-cta-icon img{ display:block!important; width:auto!important; height:52px!important; max-width:48px!important; object-fit:contain!important; margin:0!important; padding:0!important; border:0!important; } .nearby-cta-copy{ display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; gap:4px!important; flex:1 1 auto!important; min-width:0!important; text-align:left!important; } .nearby-cta-copy strong{ display:block!important; margin:0!important; color:#fff!important; font-size:15px!important; line-height:1.15!important; font-weight:900!important; letter-spacing:.035em!important; white-space:nowrap!important; } .nearby-cta-copy small{ display:block!important; margin:0!important; color:#b9d6df!important; font-size:12px!important; line-height:1.35!important; font-weight:500!important; white-space:normal!important; } .nearby-cta-arrow{ display:grid!important; place-items:center!important; flex:0 0 38px!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; border-radius:999px!important; background:#67dce8!important; color:#062b3d!important; font-size:19px!important; line-height:1!important; font-weight:900!important; box-shadow:0 7px 16px rgba(0,0,0,.18)!important; transition:transform .18s ease,background .18s ease!important; } .nearby-cta:hover .nearby-cta-arrow{ transform:translateX(3px)!important; background:#82edf5!important; } .portal-actions .nearby-home-card{ flex:0 1 390px!important; width:390px!important; max-width:100%!important; } @media(max-width:900px){ .portal-actions{ align-items:flex-start!important; } .portal-actions .nearby-home-card{ flex-basis:360px!important; width:360px!important; } } @media(max-width:760px){ .portal-actions{ flex-direction:column!important; align-items:stretch!important; } .portal-actions > .portal-btn.primary{ align-self:flex-start!important; } .portal-actions .nearby-home-card{ flex:none!important; width:100%!important; max-width:430px!important; } .shop-directory-head .shop-directory-head-actions{ width:100%!important; min-width:0!important; max-width:none!important; flex-direction:column!important; } } @media(max-width:430px){ .nearby-cta{ gap:11px!important; min-height:70px!important; padding:7px 9px 7px 10px!important; border-radius:15px!important; } .nearby-cta-icon{ flex-basis:50px!important; width:50px!important; height:50px!important; min-width:50px!important; min-height:50px!important; max-width:50px!important; max-height:50px!important; } .nearby-cta-icon img{ height:46px!important; max-width:43px!important; } .nearby-cta-copy strong{ font-size:13.5px!important; } .nearby-cta-copy small{ font-size:11px!important; } .nearby-cta-arrow{ flex-basis:34px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; } } .portal-hero .portal-actions .nearby-cta.nearby-home-card{ display:flex!important; flex:0 0 410px!important; width:410px!important; max-width:100%!important; min-height:78px!important; height:78px!important; padding:9px 12px!important; gap:14px!important; align-items:center!important; justify-content:flex-start!important; border:1px solid rgba(112,229,239,.65)!important; border-radius:18px!important; background:#0a3650!important; background-image:linear-gradient(135deg,#0a3650 0%,#0c4761 100%)!important; box-shadow:0 14px 34px rgba(0,0,0,.30)!important; color:#fff!important; opacity:1!important; filter:none!important; text-decoration:none!important; overflow:hidden!important; } .portal-hero .portal-actions .nearby-cta.nearby-home-card:hover{ background:#0d4d67!important; background-image:linear-gradient(135deg,#0d415b 0%,#0c5870 100%)!important; border-color:#7cecf4!important; transform:translateY(-2px)!important; box-shadow:0 18px 40px rgba(0,0,0,.34)!important; } .portal-hero .portal-actions .nearby-home-card .nearby-cta-icon{ display:flex!important; flex:0 0 58px!important; width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; max-width:58px!important; max-height:58px!important; align-items:center!important; justify-content:center!important; border:0!important; border-radius:14px!important; background:#fff!important; box-shadow:0 6px 18px rgba(0,0,0,.28)!important; overflow:hidden!important; } .portal-hero .portal-actions .nearby-home-card .nearby-cta-icon img{ display:block!important; width:auto!important; height:52px!important; max-width:50px!important; max-height:52px!important; object-fit:contain!important; margin:0!important; padding:0!important; border:0!important; opacity:1!important; filter:none!important; } .portal-hero .portal-actions .nearby-home-card .nearby-cta-copy{ display:flex!important; flex:1 1 auto!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; min-width:0!important; gap:5px!important; text-align:left!important; } .portal-hero .portal-actions .nearby-home-card .nearby-cta-copy strong{ display:block!important; margin:0!important; color:#fff!important; opacity:1!important; font-size:15px!important; line-height:1.1!important; font-weight:900!important; letter-spacing:.045em!important; text-shadow:0 1px 0 rgba(0,0,0,.2)!important; } .portal-hero .portal-actions .nearby-home-card .nearby-cta-copy small{ display:block!important; margin:0!important; color:#d4e8ee!important; opacity:1!important; font-size:12px!important; line-height:1.35!important; font-weight:600!important; } .portal-hero .portal-actions .nearby-home-card .nearby-cta-arrow{ display:grid!important; flex:0 0 38px!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; place-items:center!important; border-radius:50%!important; background:#64dce7!important; color:#062b3d!important; font-size:19px!important; font-weight:900!important; box-shadow:0 6px 14px rgba(0,0,0,.22)!important; opacity:1!important; } @media(max-width:760px){ .portal-hero .portal-actions .nearby-cta.nearby-home-card{ flex:none!important; width:100%!important; max-width:430px!important; height:auto!important; min-height:74px!important; } .shop-directory-head .shop-directory-head-actions .nearby-cta.nearby-directory-card{ height:auto!important; min-height:74px!important; } } @media(max-width:430px){ .portal-hero .portal-actions .nearby-home-card .nearby-cta-copy strong, .shop-directory-head .nearby-directory-card .nearby-cta-copy strong{ font-size:13px!important; } .portal-hero .portal-actions .nearby-home-card .nearby-cta-copy small, .shop-directory-head .nearby-directory-card .nearby-cta-copy small{ font-size:10.8px!important; } } .home-command-panel{padding:9px;border:1px solid rgba(112,229,239,.24);border-radius:19px;background:linear-gradient(155deg,rgba(4,34,57,.96),rgba(7,50,73,.92));box-shadow:0 18px 42px rgba(0,0,0,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .home-command-panel svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .home-command-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px} .home-command-action{min-width:0;min-height:66px;padding:8px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgba(52,202,239,.48);border-radius:10px;background:linear-gradient(145deg,#082f50,#073b58);color:#fff;text-decoration:none;transition:.18s ease;box-shadow:inset 0 1px rgba(255,255,255,.04)} .home-command-action:hover{transform:translateY(-1px);border-color:rgba(100,225,245,.82);background:linear-gradient(145deg,#0a3a5f,#084b68)} .home-command-action .home-command-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#0876c8;color:#dff8ff;box-shadow:0 5px 12px rgba(0,0,0,.22)} .home-command-action.nearby .home-command-icon{background:#08d8e5;color:#05394a} .home-command-action b{display:block;font-size:12px;line-height:1.15;font-weight:900;white-space:nowrap} .home-command-action small{display:block;margin-top:4px;color:#b9d1de;font-size:9.5px;line-height:1.25;font-weight:650} .home-command-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px} .home-stat-card{min-width:0;min-height:49px;padding:6px 8px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgba(40,160,211,.36);border-radius:8px;background:linear-gradient(145deg,rgba(5,50,78,.92),rgba(7,43,68,.9));box-shadow:inset 0 1px rgba(255,255,255,.035)} .home-stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#0b6ea8;color:#8ceaff} .home-stat-card.member .home-stat-icon{background:#0e62af;color:#bcecff}.home-stat-card.discussion .home-stat-icon{background:#5140a9;color:#d7ccff}.home-stat-card.owner .home-stat-icon{background:#9a5e16;color:#ffe3a9} .home-stat-icon svg{width:19px;height:19px;stroke-width:1.9} .home-stat-card b{display:block;color:#fff;font-size:15px;line-height:1.05;font-weight:900;font-variant-numeric:tabular-nums} .home-stat-card small{display:block;margin-top:3px;color:#abc1ce;font-size:8.9px;line-height:1.15;font-weight:650;white-space:nowrap} .home-command-head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 6px} .home-command-head>span{color:#24cfeb;font-size:9px;letter-spacing:.09em;font-weight:900}.home-command-head>a{color:#42d8ec;text-decoration:none;font-size:9px;font-weight:800}.home-command-head>a b{font-size:14px;vertical-align:-1px} .home-command-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} .home-command-quick>a{min-width:0;min-height:66px;padding:6px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(49,164,210,.4);border-radius:8px;background:rgba(5,49,76,.87);color:#fff;text-decoration:none;text-align:center;transition:.16s ease} .home-command-quick>a:hover{transform:translateY(-1px);background:rgba(7,65,96,.95);border-color:rgba(94,213,237,.66)} .quick-icon{display:grid;place-items:center;width:28px;height:28px;margin-bottom:5px;border-radius:7px;background:#0781c9;color:#b8f1ff}.quick-icon.shops{background:#057986}.quick-icon.liquid{background:#563aa6;color:#d8ccff}.quick-icon.jobs{background:#a15f15;color:#ffe2a4} .quick-icon svg{width:17px;height:17px;stroke-width:1.9}.quick-copy{min-width:0}.quick-title{display:block;font-size:8.8px;line-height:1.16;font-weight:850}.quick-note{display:block;margin-top:2px;font-size:7.8px;line-height:1.25;color:#afc3cf;font-weight:600} @media(min-width:901px){ .portal-hero-grid{grid-template-columns:minmax(0,1.35fr) 380px;gap:38px;align-items:start} .home-command-panel{max-width:none;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} .home-command-actions{gap:12px;margin-bottom:12px} .home-command-action{position:relative;min-height:52px;padding:9px 14px;grid-template-columns:34px minmax(0,1fr) 12px;gap:11px;border-radius:13px;border-color:rgba(63,205,236,.5);background:rgba(8,57,86,.9);box-shadow:0 8px 18px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.04)} .home-command-action .home-command-icon{width:34px;height:34px;border-radius:11px;box-shadow:none} .home-command-action svg{width:18px;height:18px} .home-command-action b{font-size:12.8px;line-height:1.1;letter-spacing:-.01em} .home-command-action small{margin-top:2px;font-size:9px;line-height:1.25;color:#bdd2de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .home-command-action::after{content:"→";justify-self:end;align-self:center;font-size:15px;line-height:1;color:#75def0;font-weight:700;opacity:.95} .home-command-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px} .home-stat-card{min-height:54px;padding:8px 11px;grid-template-columns:34px minmax(0,1fr);gap:10px;border-radius:12px;border-color:rgba(61,171,219,.34);background:rgba(5,49,76,.88);box-shadow:0 8px 18px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.03)} .home-stat-icon{width:34px;height:34px;border-radius:10px} .home-stat-icon svg{width:18px;height:18px} .home-stat-card b{font-size:14px;line-height:1.05;letter-spacing:-.01em} .home-stat-card small{margin-top:4px;font-size:9px;line-height:1.2;white-space:normal} .home-command-head{padding:0 2px 8px} .home-command-head>span{font-size:10.5px;letter-spacing:.12em} .home-command-head>a{font-size:10px} .home-command-head>a b{font-size:15px} .home-command-quick{gap:12px;padding:12px 14px;border:1px solid rgba(56,191,225,.34);border-radius:16px;background:rgba(6,46,72,.62);box-shadow:0 8px 18px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.03)} .home-command-quick>a{position:relative;min-height:52px;padding:9px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;grid-template-areas:"icon copy arrow";align-items:center;justify-items:start;text-align:left;border-radius:12px;border-color:rgba(56,191,225,.42);background:rgba(7,59,89,.92);box-shadow:inset 0 1px rgba(255,255,255,.04)} .home-command-quick>a:hover{background:rgba(8,67,99,.96);border-color:rgba(98,216,238,.7)} .quick-icon{grid-area:icon;width:34px;height:34px;margin:0;border-radius:10px} .quick-icon svg{width:18px;height:18px} .quick-copy{grid-area:copy} .quick-title{font-size:12.6px;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .quick-note{margin-top:3px;font-size:8.8px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .home-command-quick>a::after{content:"→";grid-area:arrow;justify-self:end;align-self:center;font-size:14px;line-height:1;color:#75def0;font-weight:700;opacity:.92} } @media(max-width:900px){.home-command-panel{width:min(100%,520px);margin:0 auto}.portal-hero-grid{gap:22px}} @media(max-width:620px){.portal-hero{padding-bottom:27px}.home-command-panel{padding:7px;border-radius:14px}.home-command-action{min-height:61px;grid-template-columns:34px minmax(0,1fr);padding:7px}.home-command-action .home-command-icon{width:34px;height:34px;border-radius:8px}.home-command-action b{font-size:10.5px}.home-command-action small{font-size:8.5px}.home-stat-card{min-height:45px;grid-template-columns:30px minmax(0,1fr);gap:7px;padding:5px 6px}.home-stat-icon{width:29px;height:29px}.home-stat-card b{font-size:13px}.home-stat-card small{font-size:8px}.home-command-quick>a{min-height:61px}.quick-title{font-size:8px}.quick-note{font-size:7.2px}.quick-icon{width:27px;height:27px}} @media(max-width:360px){.home-command-action b{font-size:9.8px}.home-command-action small{font-size:7.9px}.home-stat-card small{font-size:7.4px}.quick-title{font-size:7.5px}.quick-note{font-size:6.9px}} .home-command-quick>a::before, .home-command-quick>a::after{ content:none!important; display:none!important; } .home-command-quick .quick-copy{ min-width:0!important; display:block!important; } .home-command-quick .quick-title{ display:block!important; margin:0!important; padding:0!important; font-size:12.6px!important; line-height:1.18!important; font-weight:800!important; letter-spacing:-.01em!important; color:#fff!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .home-command-quick .quick-note{ display:block!important; margin:3px 0 0!important; padding:0!important; font-size:8.8px!important; line-height:1.2!important; font-weight:600!important; letter-spacing:0!important; color:#b7cbd7!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .home-command-quick .quick-arrow{ display:block!important; color:#75def0!important; font-size:14px!important; line-height:1!important; font-weight:700!important; justify-self:end!important; align-self:center!important; } @media(min-width:901px){ .home-command-quick>a{ grid-template-columns:34px minmax(0,1fr) 12px!important; grid-template-areas:"icon copy arrow"!important; } .home-command-quick .quick-icon{grid-area:icon!important} .home-command-quick .quick-copy{grid-area:copy!important} .home-command-quick .quick-arrow{grid-area:arrow!important} } @media(max-width:900px){ .home-command-quick .quick-title{font-size:8px!important} .home-command-quick .quick-note{font-size:7.2px!important} .home-command-quick .quick-arrow{display:none!important} } @media (min-width:901px){ .portal-hero-grid{ grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)!important; column-gap:42px!important; row-gap:18px!important; align-items:start!important; } .home-command-panel{ grid-column:1 / -1!important; width:100%!important; max-width:none!important; justify-self:stretch!important; margin:0!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; } .home-command-actions{ width:min(100%,660px)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; margin:0 0 12px!important; } .home-command-action{ min-height:54px!important; padding:9px 12px!important; grid-template-columns:34px minmax(0,1fr) 14px!important; gap:10px!important; border:1px solid rgba(79,222,244,.58)!important; border-radius:12px!important; background:linear-gradient(145deg,rgba(6,52,81,.94),rgba(6,64,92,.92))!important; box-shadow:inset 0 1px rgba(255,255,255,.05),0 6px 14px rgba(0,0,0,.10)!important; } .home-command-action .home-command-icon{ width:34px!important; height:34px!important; border-radius:10px!important; } .home-command-action svg{width:18px!important;height:18px!important} .home-command-action b{ font-size:13px!important; line-height:1.1!important; font-weight:850!important; white-space:nowrap!important; } .home-command-action small{ margin-top:3px!important; font-size:9px!important; line-height:1.2!important; font-weight:600!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .home-command-action::before{content:none!important;display:none!important} .home-command-action::after{ content:"→"!important; display:block!important; position:static!important; transform:none!important; justify-self:end!important; align-self:center!important; font-size:15px!important; line-height:1!important; color:#72deef!important; } .home-command-stats{ width:100%!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; margin:0 0 13px!important; } .home-stat-card{ min-height:60px!important; padding:9px 12px!important; grid-template-columns:36px minmax(0,1fr)!important; gap:10px!important; border:1px solid rgba(48,173,218,.38)!important; border-radius:11px!important; background:linear-gradient(145deg,rgba(5,48,75,.92),rgba(7,43,68,.92))!important; } .home-stat-icon{width:36px!important;height:36px!important;border-radius:10px!important} .home-stat-icon svg{width:19px!important;height:19px!important} .home-stat-card b{font-size:16px!important;line-height:1!important;font-weight:900!important} .home-stat-card small{margin-top:4px!important;font-size:9.2px!important;line-height:1.15!important;white-space:nowrap!important} .home-command-head{ padding:0 2px 7px!important; } .home-command-head>span{font-size:10.5px!important;letter-spacing:.11em!important} .home-command-head>a{font-size:10px!important} .home-command-quick{ width:100%!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; padding:10px!important; border:1px solid rgba(65,199,230,.38)!important; border-radius:13px!important; background:rgba(4,43,68,.55)!important; box-shadow:inset 0 1px rgba(255,255,255,.035)!important; } .home-command-quick>a{ min-height:58px!important; padding:9px 11px!important; display:grid!important; grid-template-columns:36px minmax(0,1fr) 14px!important; grid-template-areas:"icon copy arrow"!important; gap:10px!important; align-items:center!important; justify-items:start!important; text-align:left!important; border:1px solid rgba(57,184,224,.42)!important; border-radius:10px!important; background:linear-gradient(145deg,rgba(6,55,83,.92),rgba(5,49,77,.94))!important; } .home-command-quick>a::before, .home-command-quick>a::after{content:none!important;display:none!important} .home-command-quick .quick-icon{ grid-area:icon!important; width:36px!important; height:36px!important; margin:0!important; border-radius:9px!important; } .home-command-quick .quick-icon svg{width:18px!important;height:18px!important} .home-command-quick .quick-copy{ grid-area:copy!important; min-width:0!important; } .home-command-quick .quick-title{ display:block!important; margin:0!important; font-size:12.5px!important; line-height:1.1!important; font-weight:850!important; color:#fff!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .home-command-quick .quick-note{ display:block!important; margin:4px 0 0!important; font-size:9px!important; line-height:1.15!important; font-weight:600!important; color:#b8ccd8!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .home-command-quick .quick-arrow{ grid-area:arrow!important; display:block!important; justify-self:end!important; align-self:center!important; font-size:14px!important; line-height:1!important; color:#72deef!important; } } @media(min-width:901px){ .home-quick-panel{ width:100%; padding:10px 12px 12px; border:1px solid rgba(78,220,244,.62); border-radius:14px; background:linear-gradient(145deg,rgba(4,44,69,.56),rgba(5,52,77,.58)); box-shadow:0 0 0 1px rgba(53,202,232,.06),0 0 18px rgba(26,188,222,.08),inset 0 1px rgba(255,255,255,.035); } .home-command-head{ padding:0 2px 9px!important; } .home-command-head>span{ color:#39e7ff!important; text-shadow:0 0 8px rgba(57,231,255,.22); } .home-command-head>a{ color:#62eaff!important; text-shadow:0 0 7px rgba(98,234,255,.18); } .home-command-quick{ padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .home-command-quick>a{ border-color:rgba(82,215,242,.62)!important; background:linear-gradient(145deg,rgba(7,58,88,.94),rgba(5,48,77,.96))!important; box-shadow:0 0 0 1px rgba(63,201,232,.04),0 0 12px rgba(28,187,221,.05),inset 0 1px rgba(255,255,255,.05)!important; } .home-command-quick>a:hover{ border-color:rgba(111,238,255,.92)!important; box-shadow:0 0 14px rgba(64,222,247,.13),inset 0 1px rgba(255,255,255,.06)!important; } .home-command-quick .quick-title{ color:#fff!important; text-shadow:0 0 5px rgba(255,255,255,.10)!important; } .home-command-quick .quick-note{ color:#c5dce7!important; } .home-command-quick .quick-arrow{ color:#66efff!important; text-shadow:0 0 7px rgba(102,239,255,.28)!important; } .home-command-quick .quick-icon{ box-shadow:0 0 12px rgba(53,218,247,.16),inset 0 1px rgba(255,255,255,.10)!important; } .home-command-quick .quick-icon svg{ filter:drop-shadow(0 0 3px rgba(255,255,255,.30)); } .quick-icon.forum{background:#0d94df!important;color:#e5fbff!important} .quick-icon.shops{background:#0aa4ad!important;color:#e7ffff!important} .quick-icon.liquid{background:#7248cb!important;color:#f1eaff!important} .quick-icon.jobs{background:#c77916!important;color:#fff4df!important} } @keyframes homePulseGlow { 0%,100% { box-shadow:0 0 0 rgba(71,227,255,0), 0 0 12px rgba(71,227,255,.20), inset 0 0 0 rgba(255,255,255,0); filter:brightness(1); } 50% { box-shadow:0 0 0 rgba(71,227,255,0), 0 0 22px rgba(71,227,255,.46), inset 0 0 12px rgba(255,255,255,.10); filter:brightness(1.12); } } @keyframes textGlowPulse { 0%,100% { text-shadow:0 0 0 rgba(110,238,255,0), 0 0 8px rgba(110,238,255,.10); } 50% { text-shadow:0 0 10px rgba(110,238,255,.18), 0 0 18px rgba(110,238,255,.10); } } @media(min-width:901px){ .home-command-action, .home-stat-card, .home-command-quick>a{ border-color:rgba(76,227,248,.62)!important; box-shadow:0 10px 24px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.06), 0 0 14px rgba(43,205,234,.10)!important; } .home-command-action:hover, .home-stat-card:hover, .home-command-quick>a:hover{ border-color:rgba(123,240,255,.90)!important; box-shadow:0 12px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08), 0 0 22px rgba(77,228,248,.18)!important; } .home-command-icon, .home-stat-icon, .quick-icon{ animation:homePulseGlow 2.4s ease-in-out infinite; color:#effcff!important; box-shadow:0 0 18px rgba(72,224,255,.34)!important; } .home-command-action.question .home-command-icon{background:linear-gradient(145deg,#1d8ff3,#2baeff)!important} .home-command-action.nearby .home-command-icon{background:linear-gradient(145deg,#10d9ea,#26efff)!important;color:#003949!important} .home-stat-card.shop .home-stat-icon{background:linear-gradient(145deg,#1e94f4,#2cb7ff)!important} .home-stat-card.member .home-stat-icon{background:linear-gradient(145deg,#2c79f2,#42a5ff)!important} .home-stat-card.discussion .home-stat-icon{background:linear-gradient(145deg,#7147dc,#8d63ff)!important} .home-stat-card.owner .home-stat-icon{background:linear-gradient(145deg,#d18212,#f0a225)!important} .quick-icon.forum{background:linear-gradient(145deg,#2198f7,#2db6ff)!important} .quick-icon.shops{background:linear-gradient(145deg,#14b7ca,#27d7e7)!important} .quick-icon.liquid{background:linear-gradient(145deg,#7b4be2,#9b67ff)!important} .quick-icon.jobs{background:linear-gradient(145deg,#d28517,#f4a52a)!important} .home-command-icon svg, .home-stat-icon svg, .quick-icon svg{ stroke:#f8fdff!important; stroke-width:2.15!important; filter:drop-shadow(0 0 8px rgba(255,255,255,.18)); } .home-command-action b, .home-stat-card b, .quick-title, .home-command-head>span, .home-command-head>a, .home-command-action::after, .quick-arrow{ color:#f3fdff!important; animation:textGlowPulse 2.8s ease-in-out infinite; } .home-command-action small, .home-stat-card small, .quick-note{ color:#d3ebf3!important; text-shadow:0 0 10px rgba(104,231,255,.10); } } @media (min-width:901px){ .home-command-action, .home-stat-card, .home-command-quick>a, .home-quick-panel{ border-color:rgba(104,239,255,.82)!important; box-shadow:0 10px 24px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px rgba(81,231,255,.18)!important; } .home-command-action:hover, .home-stat-card:hover, .home-command-quick>a:hover, .home-quick-panel:hover{ border-color:rgba(156,246,255,.98)!important; box-shadow:0 12px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.10), 0 0 30px rgba(101,236,255,.28)!important; } .home-command-icon, .home-stat-icon, .quick-icon{ box-shadow:0 0 24px rgba(78,229,255,.48)!important, inset 0 0 10px rgba(255,255,255,.10)!important; filter:brightness(1.08) saturate(1.08)!important; } .home-command-head>span, .home-command-head>a, .home-command-action b, .home-stat-card b, .quick-title, .home-command-action::after, .quick-arrow{ text-shadow:0 0 10px rgba(122,241,255,.24), 0 0 18px rgba(122,241,255,.12)!important; } } @media (max-width:900px){ .home-command-action, .home-stat-card, .home-command-quick>a, .home-quick-panel, .home-command-panel{ border-color:rgba(100,235,255,.78)!important; box-shadow:0 8px 18px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(78,228,255,.16)!important; } .home-command-icon, .home-stat-icon, .quick-icon{ box-shadow:0 0 18px rgba(80,229,255,.42)!important, inset 0 0 8px rgba(255,255,255,.10)!important; filter:brightness(1.1) saturate(1.1)!important; } .home-command-icon svg, .home-stat-icon svg, .quick-icon svg{ stroke:#ffffff!important; filter:drop-shadow(0 0 7px rgba(255,255,255,.18)); } .home-command-action b, .home-stat-card b, .quick-title, .home-command-head>span, .home-command-head>a{ color:#f4feff!important; text-shadow:0 0 8px rgba(120,240,255,.20)!important; } .home-command-action small, .home-stat-card small, .quick-note{ color:#d8edf4!important; } } @media (max-width:620px){ .home-command-action, .home-stat-card, .home-command-quick>a, .home-quick-panel, .home-command-panel{ border-width:1px!important; border-color:rgba(107,240,255,.86)!important; box-shadow:0 8px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.09), 0 0 16px rgba(85,231,255,.18)!important; } .home-command-icon, .home-stat-icon, .quick-icon{ box-shadow:0 0 16px rgba(82,229,255,.46)!important, inset 0 0 8px rgba(255,255,255,.12)!important; } } @media (min-width:901px){ .home-command-action, .home-stat-card, .home-command-quick>a, .home-quick-panel{ border-color:rgba(89,231,248,.66)!important; box-shadow:0 8px 18px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.06), 0 0 12px rgba(81,231,255,.10)!important; } .home-command-action:hover, .home-stat-card:hover, .home-command-quick>a:hover, .home-quick-panel:hover{ border-color:rgba(128,241,255,.82)!important; box-shadow:0 10px 22px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(101,236,255,.14)!important; } .home-command-icon, .home-stat-icon, .quick-icon{ box-shadow:0 0 14px rgba(78,229,255,.26)!important, inset 0 0 6px rgba(255,255,255,.06)!important; filter:brightness(1.03) saturate(1.04)!important; } .home-command-head>span, .home-command-head>a, .home-command-action b, .home-stat-card b, .quick-title, .home-command-action::after, .quick-arrow{ text-shadow:0 0 6px rgba(122,241,255,.10)!important; } } @media (max-width:900px){ .home-command-action, .home-stat-card, .home-command-quick>a, .home-quick-panel, .home-command-panel{ border-color:rgba(108,240,255,.90)!important; box-shadow:0 8px 18px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(78,228,255,.18)!important; } .home-command-icon, .home-stat-icon, .quick-icon{ box-shadow:0 0 20px rgba(80,229,255,.52)!important, inset 0 0 10px rgba(255,255,255,.12)!important; filter:brightness(1.18) saturate(1.16)!important; } .home-command-action.question .home-command-icon{background:linear-gradient(145deg,#22a2ff,#39b7ff)!important} .home-command-action.nearby .home-command-icon{background:linear-gradient(145deg,#17e2f0,#35f1ff)!important;color:#003b49!important} .home-stat-card.shop .home-stat-icon{background:linear-gradient(145deg,#24a2ff,#3dbdff)!important} .home-stat-card.member .home-stat-icon{background:linear-gradient(145deg,#3a89ff,#59b1ff)!important} .home-stat-card.discussion .home-stat-icon{background:linear-gradient(145deg,#8559ff,#9f72ff)!important} .home-stat-card.owner .home-stat-icon{background:linear-gradient(145deg,#ef9716,#ffb12e)!important} .quick-icon.forum{background:linear-gradient(145deg,#22a2ff,#39b8ff)!important} .quick-icon.shops{background:linear-gradient(145deg,#1cc8d9,#36e5f2)!important} .quick-icon.liquid{background:linear-gradient(145deg,#8a58ff,#a474ff)!important} .quick-icon.jobs{background:linear-gradient(145deg,#ef9817,#ffb12f)!important} .home-command-icon svg, .home-stat-icon svg, .quick-icon svg{ stroke:#ffffff!important; stroke-width:2.2!important; filter:drop-shadow(0 0 8px rgba(255,255,255,.22))!important; } } @media (max-width:620px){ .home-command-quick .quick-note{display:none!important} .home-command-quick>a{ min-height:58px!important; align-items:center!important; } .home-command-quick .quick-title{ font-size:8.2px!important; line-height:1.18!important; } } .portal-hero{ background-color:#071f35!important; background-image: linear-gradient(90deg,rgba(3,18,32,.62) 0%,rgba(3,18,32,.42) 34%,rgba(3,18,32,.16) 62%,rgba(3,18,32,.05) 100%), url("/assets/img/home-hero-desktop-v2.webp")!important; background-repeat:no-repeat!important; background-size:cover!important; background-position:center center!important; } .portal-hero::after{ display:none!important; } @media(max-width:900px){ .portal-hero{ background-image: linear-gradient(180deg,rgba(2,17,31,.28) 0%,rgba(2,17,31,.34) 38%,rgba(2,17,31,.46) 72%,rgba(2,17,31,.62) 100%), url("/assets/img/home-hero-mobile-v2.webp")!important; background-size:cover!important; background-position:center top!important; } } @media(max-width:620px){ .portal-hero{ background-image: linear-gradient(180deg,rgba(2,17,31,.34) 0%,rgba(2,17,31,.40) 40%,rgba(2,17,31,.56) 74%,rgba(2,17,31,.68) 100%), url("/assets/img/home-hero-mobile-v2.webp")!important; background-position:center top!important; } } .shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.shop-tabs a{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid #dce3ea;border-radius:10px;background:#fff;color:inherit;text-decoration:none}.shop-tabs a:hover{border-color:#9ccbd5;background:#f7fbfc}.shop-tabs a.active{font-weight:800;border-color:#0e8aa5;color:#0e7490;background:#eef9fb}@media(max-width:520px){.shop-tabs{gap:6px}.shop-tabs a{flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:13px}} .shop-overview-card .shop-title-row{margin-bottom:0} .shop-overview-tabs{margin:14px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line,#e5e7eb)} .shop-overview-tabs .shop-tabs{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .shop-overview-tabs .shop-tabs a{justify-content:center;text-align:center;min-width:0} @media(max-width:720px){ .shop-overview-tabs{margin:12px 0 15px;padding-bottom:14px} .shop-overview-tabs .shop-tabs{gap:6px} .shop-overview-tabs .shop-tabs a{padding:8px 6px;font-size:13px;white-space:nowrap} } .shop-info-stack{display:grid;gap:12px;margin-top:4px} .shop-info-stack>.claim-note{margin:0!important} .shop-info-section{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border:1px solid #e6edf3;border-radius:12px;background:#fbfdff;color:#24364b;line-height:1.55} .shop-info-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#eaf8fb;color:#087f9b;font-weight:800;font-size:15px;flex:none} .shop-info-label,.shop-contact-label{display:block;margin-bottom:3px;color:#708094;font-size:12px;font-weight:700;letter-spacing:.01em} .shop-rating-row{display:flex;align-items:center;gap:9px;padding-top:10px;padding-bottom:10px} .shop-rating-row .shop-info-icon{background:#fff6d8;color:#b77a00} .shop-rating-row b{font-size:16px;color:#13263c} .shop-info-sep{padding:0 6px;color:#98a5b5} .shop-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .shop-contact-item{padding:11px 13px;border:1px solid #e6edf3;border-radius:12px;background:#fff;min-width:0} .shop-contact-item b{display:block;color:#20364c;font-size:14px;line-height:1.4;overflow-wrap:anywhere} .shop-contact-hours{grid-column:1/-1} .shop-primary-actions{padding-top:2px} .shop-primary-actions .shop-action-links{margin:0;gap:8px;display:flex;flex-wrap:wrap} .shop-primary-actions .shop-action-links .btn{margin:0} .shop-contribution-link{margin-top:0;padding:11px 2px 2px;border-top:1px solid #edf1f5;font-size:13px} .shop-contribution-link a{color:#687b8e;text-decoration:none} .shop-contribution-link a:hover{text-decoration:underline} .shop-gallery-wrap{padding-top:2px} .shop-gallery-wrap h3{margin-top:0} @media(max-width:720px){ .shop-info-stack{gap:10px} .shop-info-section{padding:11px 12px;grid-template-columns:27px minmax(0,1fr);gap:9px;border-radius:11px} .shop-info-icon{width:27px;height:27px;border-radius:8px;font-size:13px} .shop-rating-row{padding:9px 11px} .shop-contact-grid{grid-template-columns:1fr 1fr;gap:8px} .shop-contact-item{padding:10px 11px;border-radius:10px} .shop-contact-hours{grid-column:1/-1} .shop-primary-actions .shop-action-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .shop-primary-actions .shop-action-links .btn{width:100%;justify-content:center;text-align:center} .shop-contribution-link{padding-top:10px} } @media(max-width:390px){ .shop-contact-grid{grid-template-columns:1fr} .shop-contact-hours{grid-column:auto} } @media(max-width:720px){ .shop-overview-card{padding:14px!important} .shop-overview-card .shop-title-row{gap:6px} .shop-overview-card .shop-title-row h1{flex:1 1 100%;margin-bottom:2px!important} .shop-info-stack .claim-note{font-size:12px;line-height:1.55} .shop-address-row>div:last-child, .shop-services-row>div:last-child, .shop-description-row>div:last-child{min-width:0;overflow-wrap:anywhere} .shop-contact-item b{font-variant-numeric:tabular-nums} .shop-primary-actions .shop-action-links{margin-top:0!important} } .shop-subpage-wrap{padding-bottom:28px} .shop-subpage-head-v3824{margin-bottom:16px;padding:20px 22px 0;overflow:hidden} .shop-subpage-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start} .shop-subpage-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .shop-subpage-name-row h1{margin:0;font-size:30px;line-height:1.15;color:#10243b} .shop-subpage-badges{display:flex;gap:7px;flex-wrap:wrap;align-items:center} .shop-subpage-meta{margin-top:8px;color:#667085;font-size:14px;line-height:1.5} .shop-subpage-tabs{margin:17px -22px 0;padding:0 22px;border-top:1px solid #e5edf3;background:#fbfdfe} .shop-subpage-tabs .shop-tabs{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:520px} .shop-subpage-tabs .shop-tabs a{border:0;border-radius:0;padding:14px 16px;text-align:center;color:#506075;font-weight:700;position:relative;background:transparent} .shop-subpage-tabs .shop-tabs a.active{color:#087c9a;background:#fff} .shop-subpage-tabs .shop-tabs a.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#0b8dab} .shop-content-card,.shop-review-summary,.shop-review-compose,.shop-review-list-card{border:1px solid #e1e9ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,36,59,.045)} .shop-content-card{padding:0 22px} .shop-content-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #edf1f4} .shop-content-head h2{margin:0 0 3px;font-size:20px;color:#10243b} .shop-content-head p{margin:0;color:#738095;font-size:14px} .shop-content-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0} .shop-content-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border-radius:999px;background:#f3f7f9;color:#68778a;font-size:13px;white-space:nowrap} .shop-post-create{margin:14px 0 4px;border:1px solid #d8e8ed;border-radius:13px;background:#f8fcfd;overflow:hidden} .shop-post-create>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;color:#087c9a;cursor:pointer} .shop-post-create>summary::-webkit-details-marker{display:none} .shop-post-form{padding:0 15px 15px;margin:0} .shop-form-actions{margin-top:12px} .shop-post-card-v3824{position:relative;border-bottom:1px solid #edf1f4} .shop-post-card-v3824:last-child{border-bottom:0} .shop-post-main-link{display:flex;align-items:center;gap:14px;padding:18px 44px 18px 0;color:inherit;text-decoration:none} .shop-post-copy{min-width:0;flex:1} .shop-post-card-v3824 h3{font-size:18px;line-height:1.35;margin:0 0 6px;color:#10243b} .shop-post-excerpt{margin:0 0 8px;color:#526277;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .shop-post-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#7a8797;font-size:13px} .shop-post-chevron{font-size:28px;line-height:1;color:#9aa7b7;flex:0 0 auto} .shop-post-main-link:hover h3{color:#087c9a} .shop-post-admin{position:absolute;right:0;top:15px;z-index:2} .shop-post-admin>summary{list-style:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#7a8797;cursor:pointer;font-weight:800} .shop-post-admin>summary::-webkit-details-marker{display:none} .shop-post-admin[open]>summary{background:#f2f6f8} .shop-post-admin form{position:absolute;right:0;top:36px;background:#fff;border:1px solid #e1e9ee;border-radius:10px;padding:6px;box-shadow:0 10px 30px rgba(16,36,59,.12);min-width:130px} .shop-admin-hide{width:100%;border:0;background:#fff;color:#b42318;text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;font:inherit} .shop-admin-hide:hover{background:#fff4f2} .shop-post-empty{padding:34px 0;text-align:center;color:#738095;display:grid;gap:4px} .shop-post-empty strong{color:#334155} .shop-review-layout-v3824{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start} .shop-review-summary{padding:18px;position:sticky;top:82px} .shop-review-summary-label{font-size:13px;font-weight:800;color:#667085;margin-bottom:10px} .shop-review-score{display:flex;align-items:flex-end;gap:8px;margin-bottom:5px} .shop-review-score strong{font-size:40px;line-height:1;color:#10243b} .shop-review-score span{font-size:15px;color:#7a8797;padding-bottom:4px} .shop-review-summary .review-stars{font-size:19px} .shop-review-main{min-width:0;display:grid;gap:16px} .shop-review-compose{padding:18px;margin:0} .shop-review-compose h3{margin:0 0 4px;font-size:18px} .shop-review-compose .form{margin-top:14px} .shop-rating-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:6px 0 14px} .shop-rating-choice{position:relative} .shop-rating-choice input{position:absolute;opacity:0;pointer-events:none} .shop-rating-choice span{display:flex;align-items:center;justify-content:center;gap:4px;min-height:42px;border:1px solid #dce6ec;border-radius:10px;background:#fff;font-weight:800;color:#49586b;cursor:pointer;transition:.15s ease} .shop-rating-choice span:before{content:"★";color:#f5b301;font-size:17px} .shop-rating-choice input:checked+span{border-color:#0b8dab;background:#eefbfd;color:#087c9a;box-shadow:0 0 0 2px rgba(11,141,171,.08)} .shop-review-compose textarea{min-height:112px;resize:vertical} .shop-review-list-card{padding:0 18px} .shop-review-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #edf1f4} .shop-review-list-head h2{font-size:19px;margin:0 0 3px} .shop-review-list-head p{margin:0;color:#738095;font-size:13px} .shop-review-list-card .review-card{padding:17px 0;border-top:1px solid #edf1f4} .shop-review-list-card .review-card:first-of-type{border-top:0} .shop-review-empty{padding:28px 4px;color:#667085;text-align:center} @media(max-width:760px){ .shop-subpage-wrap{padding-top:12px!important} .shop-subpage-head-v3824{padding:15px 14px 0;border-radius:15px;margin-bottom:12px} .shop-subpage-name-row{gap:7px} .shop-subpage-name-row h1{font-size:23px} .shop-subpage-badges{gap:5px} .shop-subpage-badges .shop-status,.shop-subpage-badges .verified{font-size:11px;padding:4px 7px} .shop-subpage-meta{font-size:13px;margin-top:6px} .shop-subpage-tabs{margin:14px -14px 0;padding:0 6px;overflow:hidden} .shop-subpage-tabs .shop-tabs{max-width:none;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))} .shop-subpage-tabs .shop-tabs a{font-size:13px;padding:12px 4px;white-space:nowrap} .shop-subpage-tabs .shop-tabs a.active:after{left:9px;right:9px} .shop-content-card{padding:0 14px;border-radius:15px} .shop-content-head{padding:14px 0;align-items:flex-start} .shop-content-head h2{font-size:18px}.shop-content-head p{font-size:12px} .shop-content-head-actions{gap:6px}.shop-content-count{font-size:11px;min-height:27px;padding:4px 8px} .shop-post-open-compose{padding:7px 9px!important;font-size:12px} .shop-post-main-link{padding:15px 36px 15px 0;align-items:flex-start} .shop-post-card-v3824 h3{font-size:16px;margin-bottom:5px} .shop-post-excerpt{font-size:14px;margin-bottom:6px;-webkit-line-clamp:2} .shop-post-meta{font-size:12px} .shop-post-chevron{font-size:24px;margin-top:2px} .shop-post-admin{top:10px} .shop-review-layout-v3824{grid-template-columns:1fr;gap:12px} .shop-review-summary{position:static;padding:15px} .shop-review-score strong{font-size:34px} .shop-review-compose{padding:15px} .shop-review-list-card{padding:0 14px} .shop-rating-picker{gap:5px} .shop-rating-choice span{min-height:39px;font-size:12px}.shop-rating-choice span:before{font-size:14px} .shop-review-list-head{padding:14px 0;align-items:flex-start}.shop-review-list-head h2{font-size:17px} } .directory-shop-top > div:last-child{min-width:0} .directory-shop-logo{ display:block; flex:0 0 52px; width:52px; height:52px; max-width:52px; max-height:52px; object-fit:contain; object-position:center; padding:3px; background:#fff; } .directory-shop-logo.placeholder{ display:flex; flex:0 0 52px; padding:0; } .directory-shop-name,.directory-shop-address{overflow-wrap:anywhere;word-break:normal} .directory-shop-status{min-width:0} .directory-shop-actions{min-width:0} .directory-shop-actions .shop-action-links{max-width:100%} .directory-shop-actions .btn{white-space:nowrap} @media(max-width:760px){ .directory-shop-card{overflow:hidden} .directory-shop-top{grid-template-columns:48px minmax(0,1fr);gap:10px} .directory-shop-logo{ width:48px; height:48px; max-width:48px; max-height:48px; flex-basis:48px; border-radius:11px; } .directory-shop-logo.placeholder{flex-basis:48px} .directory-shop-name{font-size:15.5px;line-height:1.3} .directory-shop-status{gap:5px} .directory-shop-actions{gap:6px} .directory-shop-actions .shop-action-links{display:flex;flex-wrap:wrap;gap:6px;width:100%} .directory-shop-actions .shop-action-links .btn{flex:1 1 auto;min-width:max-content} } @media(max-width:380px){ .directory-shop-actions .shop-action-links .btn{flex:1 1 calc(50% - 6px);min-width:0} .directory-shop-actions .btn{white-space:normal} } .portal-faq{ padding:28px 0 48px; } .portal-faq .portal-section-head{ margin-bottom:18px; } .portal-faq .portal-section-head h2{ margin:6px 0 7px; font-size:clamp(26px,3vw,36px); line-height:1.15; color:#10263d; } .portal-faq .portal-section-head p{ margin:0; color:#647487; line-height:1.65; } .portal-faq-list{ display:grid; gap:12px; max-width:100%; } .portal-faq-item{ margin:0; border:1px solid #dce7ec; border-radius:15px; background:#fff; overflow:hidden; box-shadow:0 7px 24px rgba(16,38,61,.045); } .portal-faq-item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 18px; font-weight:800; font-size:16px; line-height:1.45; color:#10263d; user-select:none; } .portal-faq-item summary::-webkit-details-marker{ display:none; } .portal-faq-item summary::marker{ content:""; } .portal-faq-item summary:hover{ background:#f7fbfc; } .portal-faq-toggle{ display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:#eaf7fa; color:#087995; font-size:20px; line-height:1; font-weight:700; transition:transform .18s ease,background .18s ease; } .portal-faq-item[open]{ border-color:#bcdde5; } .portal-faq-item[open] summary{ background:#f7fbfc; } .portal-faq-item[open] .portal-faq-toggle{ transform:rotate(45deg); background:#dff3ee; color:#087457; } .portal-faq-answer{ padding:16px 18px 18px; border-top:1px solid #edf2f4; color:#536476; font-size:15px; line-height:1.75; } @media(max-width:760px){ .portal-faq{padding:20px 0 34px} .portal-faq .portal-section-head h2{font-size:25px} .portal-faq-item{border-radius:13px} .portal-faq-item summary{padding:15px;font-size:15px;align-items:flex-start} .portal-faq-answer{padding:14px 15px 16px;font-size:14px} .portal-faq-toggle{width:28px;height:28px;flex-basis:28px} } .pagination.pagination-v2{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:22px; padding-top:4px; flex-wrap:wrap; } .pagination-v2 .pagination-nav-group{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; } .pagination-v2 a, .pagination-v2 span{ box-sizing:border-box; } .pagination-v2 .page-number, .pagination-v2 .current, .pagination-v2 .page-nav{ min-width:42px; height:42px; padding:0 12px; border:1px solid #dce5eb; border-radius:11px; background:#fff; color:#1c536a; display:inline-flex; align-items:center; justify-content:center; gap:7px; text-decoration:none; font-weight:800; line-height:1; } .pagination-v2 .page-number:hover, .pagination-v2 .page-nav:not(.disabled):hover{ border-color:#0c87a2; background:#f3fafc; color:#08758e; } .pagination-v2 .current{ background:#0c87a2; color:#fff; border-color:#0c87a2; box-shadow:0 5px 14px rgba(12,135,162,.16); } .pagination-v2 .page-nav{ min-width:auto; padding-left:14px; padding-right:14px; } .pagination-v2 .page-nav.disabled{ background:#f7f9fa; color:#a1aab4; border-color:#e8edf0; cursor:not-allowed; } .pagination-v2 .page-ellipsis{ min-width:28px; height:42px; display:inline-flex; align-items:center; justify-content:center; color:#8a97a5; font-weight:900; border:0; background:transparent; padding:0 2px; } .pagination-v2 .pagination-status{ color:#687789; font-size:13px; white-space:nowrap; } .pagination-v2 .pagination-status b{ color:#10263d; } @media(max-width:680px){ .pagination.pagination-v2{ align-items:flex-start; flex-direction:column; } .pagination-v2 .pagination-nav-group{ width:100%; gap:6px; } .pagination-v2 .page-number, .pagination-v2 .current{ min-width:38px; height:38px; padding:0 9px; border-radius:9px; } .pagination-v2 .page-nav{ height:38px; padding:0 11px; } .pagination-v2 .page-ellipsis{ height:38px; min-width:20px; } .pagination-v2 .pagination-status{ padding-left:2px; } } @media(max-width:430px){ .pagination-v2 .page-nav span:not([aria-hidden="true"]){ display:none; } .pagination-v2 .page-nav{ width:38px; min-width:38px; padding:0; } } .home-admin-notices{padding:28px 0;background:#f7fafc;border-bottom:1px solid #e6edf2}.home-notice-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:13px}.home-notice-head h2{margin:2px 0 5px;font-size:24px;letter-spacing:-.025em;color:#12243a}.home-notice-head p{margin:0;color:#6f7c8a;font-size:13px}.home-notice-head>a{font-size:12.5px;font-weight:850;text-decoration:none;white-space:nowrap}.home-notice-list{border:1px solid #e1e8ee;background:#fff;border-radius:15px;overflow:hidden}.home-notice-row{display:grid;grid-template-columns:94px minmax(0,1fr) 90px 20px;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf1f4;color:#192b40;text-decoration:none}.home-notice-row:last-child{border-bottom:0}.home-notice-row:hover{background:#fbfdfe}.home-notice-row strong{font-size:13.5px;line-height:1.35}.home-notice-row time{font-size:11.5px;color:#7d8996;text-align:right}.home-notice-arrow{color:#0e7490;font-weight:900}.home-notice-badge,.notice-type{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.02em;background:#e9f5f7;color:#0e7490}.home-notice-row.type-important .home-notice-badge,.notice-type.type-important{background:#fff1f0;color:#b42318}.home-notice-row.type-warning .home-notice-badge,.notice-type.type-warning{background:#fff7e6;color:#b54708}.home-notice-row.type-update .home-notice-badge,.notice-type.type-update{background:#eef4ff;color:#3538cd}.notice-pin{display:inline-flex;margin-left:5px;padding:3px 7px;border-radius:999px;background:#edf2f7;color:#475467;font-size:9.5px;font-weight:850}.admin-notice-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.15fr);gap:16px}.notice-check{display:flex;align-items:center;gap:8px;margin-top:31px}.notice-check input{width:auto}.admin-notice-list{display:grid;gap:9px}.admin-notice-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px;border:1px solid #e4e9ef;border-radius:12px}.admin-notice-main{min-width:0}.admin-notice-main b{display:block;margin-top:6px}.admin-notice-main small{display:block;margin-top:4px;color:#7b8794}.admin-notice-row .actions{flex:0 0 auto}.public-notices-page,.public-notice-detail{padding-top:24px;padding-bottom:50px}.public-notices-hero{padding:18px 0 22px;max-width:780px}.public-notices-hero h1{font-size:36px;letter-spacing:-.035em;margin:3px 0 8px}.public-notices-hero p{margin:0;color:#667583;line-height:1.65}.public-notices-list{display:grid;gap:11px}.public-notice-item,.public-notice-detail-card{background:#fff;border:1px solid #e1e8ee;border-radius:16px;padding:20px}.public-notice-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.public-notice-meta time{margin-left:auto;color:#87929e;font-size:11.5px}.public-notice-item h2{font-size:19px;margin:10px 0 7px}.public-notice-item h2 a{color:#17283d;text-decoration:none}.public-notice-item h2 a:hover{color:#0e7490}.public-notice-item p{margin:0 0 11px;color:#667583;line-height:1.6;font-size:13px}.public-notice-more,.public-notice-back{font-size:12.5px;font-weight:850;text-decoration:none}.public-notice-detail{max-width:900px}.public-notice-detail-card h1{font-size:34px;letter-spacing:-.035em;margin:14px 0 10px}.public-notice-lead{font-size:16px;line-height:1.65;color:#526270;padding-bottom:18px;border-bottom:1px solid #edf1f4}.public-notice-body{font-size:15px;line-height:1.85;color:#2f4051;white-space:normal}.public-notice-back{display:inline-block;margin-top:16px} @media(max-width:760px){.home-notice-head{align-items:start}.home-notice-head>a{display:none}.home-notice-row{grid-template-columns:78px minmax(0,1fr) 18px;gap:9px;padding:12px}.home-notice-row time{display:none}.home-notice-row strong{font-size:12.5px}.home-notice-badge{font-size:9px;padding:4px 6px}.admin-notice-layout{grid-template-columns:1fr}.admin-notice-row{align-items:flex-start;flex-direction:column}.public-notices-hero h1,.public-notice-detail-card h1{font-size:27px}.public-notice-meta time{margin-left:0;width:100%}} .home-notice-empty{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border:1px dashed #c9d7e3;border-radius:14px;background:#f8fbfd;color:#637083}.home-notice-empty strong{color:#17324d}.notice-editor-shell{border:1px solid #cfdae4;border-radius:14px;background:#fff;overflow:hidden}.notice-editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:9px;border-bottom:1px solid #dce5ec;background:#f7fafc;position:sticky;top:0;z-index:1}.notice-editor-toolbar button{appearance:none;border:1px solid #cfdbe5;background:#fff;color:#16324b;border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.notice-editor-toolbar button:hover{background:#eaf6f9;border-color:#99cbd7}.notice-editor-toolbar button:disabled{opacity:.55;cursor:not-allowed}.notice-rich-editor{min-height:360px;max-height:720px;overflow:auto;padding:20px;outline:none;font-size:16px;line-height:1.75;color:#24364a}.notice-rich-editor:empty:before{content:attr(data-placeholder);color:#98a4b1;pointer-events:none}.notice-rich-editor h2,.notice-rich-editor h3{color:#10263d;line-height:1.3;margin:1.2em 0 .55em}.notice-rich-editor h2{font-size:25px}.notice-rich-editor h3{font-size:20px}.notice-rich-editor p{margin:.7em 0}.notice-rich-editor ul,.notice-rich-editor ol{padding-left:24px}.notice-rich-editor blockquote{margin:16px 0;padding:10px 16px;border-left:4px solid #139bb7;background:#f3fafc;color:#42566d}.notice-rich-editor img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:12px}.notice-editor-help{padding:9px 12px;background:#fbfcfd;border-top:1px solid #e5ebf0;color:#6d7b89;font-size:12px}.public-notice-rich{font-size:16px;line-height:1.8;color:#2d3d4f}.public-notice-rich h2,.public-notice-rich h3,.public-notice-rich h4{color:#10263d;line-height:1.3;margin:1.35em 0 .55em}.public-notice-rich h2{font-size:28px}.public-notice-rich h3{font-size:22px}.public-notice-rich h4{font-size:18px}.public-notice-rich p{margin:.8em 0}.public-notice-rich ul,.public-notice-rich ol{padding-left:26px;margin:1em 0}.public-notice-rich blockquote{margin:18px 0;padding:14px 18px;border-left:4px solid #1197b1;background:#f3fafc;border-radius:0 10px 10px 0}.public-notice-rich img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:14px;box-shadow:0 8px 24px rgba(20,40,60,.08)}.public-notice-rich a{color:#087f9a;text-decoration:underline;text-underline-offset:3px}.public-notice-rich hr{border:0;border-top:1px solid #dce4ea;margin:28px 0}@media(max-width:720px){.notice-rich-editor{min-height:300px;padding:15px}.notice-editor-toolbar{gap:4px}.notice-editor-toolbar button{padding:6px 8px;font-size:12px}.public-notice-rich h2{font-size:24px}.public-notice-rich h3{font-size:20px}} .home-admin-notices{padding:30px 0 22px;background:transparent;border:0}.home-notice-panel{background:#fff;border:1px solid #e0e8ef;border-radius:20px;padding:22px;box-shadow:0 14px 38px rgba(18,36,58,.055)}.home-notice-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:15px}.home-notice-head h2{margin:4px 0 6px;font-size:26px;line-height:1.2;letter-spacing:-.03em;color:#10263d}.home-notice-head p{margin:0;max-width:760px;color:#677687;font-size:13.5px;line-height:1.55}.home-notice-all{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:#eff8fa;color:#087b95;font-size:12.5px;font-weight:850;text-decoration:none;white-space:nowrap}.home-notice-all:hover{background:#e2f3f6}.home-notice-list{display:grid;gap:9px;border:0;background:transparent;border-radius:0;overflow:visible}.home-notice-row{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:14px 14px;border:1px solid #e5ebf0;border-radius:14px;background:#fff;color:#192b40;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.home-notice-row:last-child{border-bottom:1px solid #e5ebf0}.home-notice-row:hover{background:#fff;border-color:#bfd7df;box-shadow:0 8px 22px rgba(18,36,58,.07);transform:translateY(-1px)}.home-notice-row.is-featured{border-color:#b9dce4;background:linear-gradient(180deg,#fbfeff 0%,#f7fcfd 100%)}.home-notice-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf7fa;color:#087d97;font-size:15px;font-weight:950}.home-notice-row.type-important .home-notice-icon{background:#fff0ef;color:#b42318}.home-notice-row.type-warning .home-notice-icon{background:#fff7e8;color:#b54708}.home-notice-row.type-update .home-notice-icon{background:#eef4ff;color:#3538cd}.home-notice-copy{display:block;min-width:0}.home-notice-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}.home-notice-meta time{margin-left:auto;color:#84909d;font-size:11px}.home-notice-copy>strong{display:block;color:#14283f;font-size:14px;line-height:1.4}.home-notice-copy>small{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6e7d8d;font-size:12px;line-height:1.5}.home-notice-pin{display:inline-flex;padding:3px 6px;border-radius:999px;background:#edf2f7;color:#526273;font-size:9px;font-weight:850}.home-notice-arrow{color:#0d8199;font-size:18px;font-weight:900}.home-notice-empty{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:16px;border:1px dashed #cbd8e2;border-radius:14px;background:#f8fbfd;color:#637083}.home-notice-empty-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf5f8;color:#0b7890;font-weight:900}.home-notice-empty strong{display:block;color:#17324d}.home-notice-empty small{display:block;margin-top:3px;color:#748291;line-height:1.45}.home-notice-mobile-all{display:none}.home-admin-notices+.portal-content{padding-top:10px} @media(max-width:760px){.home-admin-notices{padding:22px 0 14px}.home-notice-panel{padding:16px;border-radius:16px}.home-notice-head{align-items:flex-start;margin-bottom:12px}.home-notice-head h2{font-size:22px}.home-notice-head p{font-size:12.5px}.home-notice-head .home-notice-all{display:none}.home-notice-row{grid-template-columns:34px minmax(0,1fr) 18px;padding:12px 11px;gap:9px}.home-notice-icon{width:32px;height:32px}.home-notice-meta time{margin-left:0}.home-notice-copy>strong{font-size:13px}.home-notice-copy>small{font-size:11.5px}.home-notice-mobile-all{display:block;padding-top:11px;text-align:right}.home-notice-mobile-all a{color:#087b95;font-size:12px;font-weight:850;text-decoration:none}} .home-notice-badge,.notice-type{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:5px 10px;border:1px solid #a9d9e4;border-radius:999px;background:linear-gradient(135deg,#e9f9fc 0%,#dff4f8 100%);color:#086f86;font-size:10.5px;font-weight:900;line-height:1;letter-spacing:.045em;text-transform:uppercase;box-shadow:0 4px 12px rgba(8,111,134,.10)} .home-notice-badge:before,.notice-type:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#0f8fa9;box-shadow:0 0 0 3px rgba(15,143,169,.12)} .home-notice-row.type-important .home-notice-badge,.notice-type.type-important{border-color:#f4b5af;background:linear-gradient(135deg,#d92d20 0%,#b42318 100%);color:#fff;box-shadow:0 5px 14px rgba(180,35,24,.18)} .home-notice-row.type-important .home-notice-badge:before,.notice-type.type-important:before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)} .home-notice-row.type-warning .home-notice-badge,.notice-type.type-warning{border-color:#f6d08a;background:linear-gradient(135deg,#fff2cf 0%,#ffe3a3 100%);color:#8a4b08;box-shadow:0 5px 14px rgba(181,71,8,.10)} .home-notice-row.type-warning .home-notice-badge:before,.notice-type.type-warning:before{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.13)} .home-notice-row.type-update .home-notice-badge,.notice-type.type-update{border-color:#b8c8ff;background:linear-gradient(135deg,#eef2ff 0%,#e1e8ff 100%);color:#3447a5;box-shadow:0 5px 14px rgba(53,56,205,.10)} .home-notice-row.type-update .home-notice-badge:before,.notice-type.type-update:before{background:#4f5bd5;box-shadow:0 0 0 3px rgba(79,91,213,.13)} .home-notice-row.is-featured{position:relative;overflow:hidden;border-color:#9fd4df;background:linear-gradient(135deg,#ffffff 0%,#f2fbfd 100%);box-shadow:0 12px 30px rgba(10,105,126,.08)} .home-notice-row.is-featured:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0f8fa9 0%,#13b5c8 100%)} .home-notice-row.is-featured .home-notice-copy>strong{font-size:15px;color:#0e263d} .home-notice-row.is-featured .home-notice-icon{background:linear-gradient(135deg,#0d829b 0%,#12a9bd 100%);color:#fff;box-shadow:0 7px 16px rgba(13,130,155,.22)} .home-notice-pin,.notice-pin{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #dce4eb;border-radius:999px;background:#f6f8fa;color:#536273;font-size:9.5px;font-weight:850;line-height:1} .public-notice-detail-card{box-shadow:0 16px 44px rgba(18,36,58,.065)} .public-notice-detail-card>.public-notice-meta{padding-bottom:12px;border-bottom:1px solid #edf1f4} .public-notice-rich>h2{position:relative;padding-left:14px}.public-notice-rich>h2:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:999px;background:#1599b3} @media(max-width:760px){.home-notice-badge,.notice-type{min-height:24px;padding:5px 8px;font-size:9.5px}.home-notice-row.is-featured .home-notice-copy>strong{font-size:13.5px}} .home-notice-row{grid-template-columns:112px minmax(0,1fr) 24px;gap:16px;padding:15px 16px} .home-notice-label{align-self:stretch;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:14px;background:linear-gradient(145deg,#0794ad 0%,#0aa9bd 100%);color:#fff;box-shadow:0 8px 20px rgba(8,140,164,.20);border:1px solid rgba(255,255,255,.28);position:relative;overflow:hidden} .home-notice-label:after{content:"";position:absolute;inset:auto -20px -24px auto;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.10)} .home-notice-label-icon{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:950;line-height:1} .home-notice-label-text{position:relative;z-index:1;font-size:10px;font-weight:950;line-height:1.15;letter-spacing:.075em;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.08)} .home-notice-row.type-important .home-notice-label{background:linear-gradient(145deg,#d92d20 0%,#b42318 100%);box-shadow:0 8px 20px rgba(180,35,24,.20)} .home-notice-row.type-warning .home-notice-label{background:linear-gradient(145deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 20px rgba(217,119,6,.20)} .home-notice-row.type-update .home-notice-label{background:linear-gradient(145deg,#4657d8 0%,#3447a5 100%);box-shadow:0 8px 20px rgba(52,71,165,.20)} .home-notice-row.is-featured .home-notice-label{transform:translateZ(0)} .home-notice-row.is-featured:hover .home-notice-label{filter:brightness(1.04)} .home-notice-meta{min-height:20px;margin-bottom:4px}.home-notice-meta time{margin-left:0}.home-notice-pin{margin-right:auto} .home-notice-copy>strong{font-size:15px;line-height:1.42}.home-notice-copy>small{font-size:12.5px;line-height:1.55} @media(max-width:760px){.home-notice-row{grid-template-columns:82px minmax(0,1fr) 18px;gap:10px;padding:12px 10px}.home-notice-label{min-height:54px;border-radius:12px;padding:7px 5px;gap:4px}.home-notice-label-icon{width:23px;height:23px;font-size:11px}.home-notice-label-text{font-size:8.5px;letter-spacing:.045em}.home-notice-copy>strong{font-size:13.5px}.home-notice-copy>small{font-size:11.5px}} @media(max-width:430px){.home-notice-row{grid-template-columns:70px minmax(0,1fr) 14px}.home-notice-label-text{font-size:8px}.home-notice-meta{gap:5px}.home-notice-copy>small{-webkit-line-clamp:1}} .home-notice-list{display:block;border:1px solid #dbe5ec;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(18,36,58,.045)} .home-notice-row{display:grid;grid-template-columns:96px minmax(0,1fr) 92px 108px 18px;gap:12px;align-items:center;min-height:58px;padding:10px 14px;border:0;border-bottom:1px solid #e8eef3;border-radius:0;background:#fff;color:#172b40;text-decoration:none;transition:background .14s ease} .home-notice-row:last-child{border-bottom:0} .home-notice-row:hover{background:#f7fbfc;transform:none;box-shadow:none;border-color:transparent} .home-notice-row.is-featured{background:#fbfdfe;border-color:#e8eef3;box-shadow:none;overflow:visible} .home-notice-row.is-featured:before{display:none} .home-notice-badge{justify-self:start;min-height:25px;padding:5px 9px;border:1px solid #b8dfe7;border-radius:6px;background:#eaf8fb;color:#087a91;font-size:10.5px;font-weight:900;letter-spacing:0;text-transform:none;box-shadow:none;white-space:nowrap} .home-notice-badge:before{display:none} .home-notice-row.type-important .home-notice-badge{border-color:#f2b8b4;background:#fff0ef;color:#b42318;box-shadow:none} .home-notice-row.type-warning .home-notice-badge{border-color:#f1cf92;background:#fff7e8;color:#a95b08;box-shadow:none} .home-notice-row.type-update .home-notice-badge{border-color:#cbd4ff;background:#f0f3ff;color:#3f4eae;box-shadow:none} .home-notice-title{min-width:0;display:block} .home-notice-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#152a40;font-size:14px;line-height:1.35;font-weight:800} .home-notice-title small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#738191;font-size:11.5px;line-height:1.35} .home-notice-row time{color:#748190;font-size:11.5px;text-align:right;white-space:nowrap} .home-notice-author{color:#0b7d94;font-size:11.5px;font-weight:850;text-align:right;white-space:nowrap} .home-notice-arrow{color:#93a1ad;font-size:20px;font-weight:700;text-align:right} .home-notice-row:hover .home-notice-arrow{color:#087b95} .home-notice-panel{padding:20px 22px} .home-notice-head{margin-bottom:12px} .home-notice-head h2{font-size:25px} @media(max-width:900px){.home-notice-row{grid-template-columns:90px minmax(0,1fr) 86px 18px}.home-notice-author{display:none}} @media(max-width:650px){.home-notice-panel{padding:15px}.home-notice-row{grid-template-columns:82px minmax(0,1fr) 16px;gap:9px;min-height:54px;padding:10px}.home-notice-row time{display:none}.home-notice-badge{font-size:9.5px;padding:5px 7px}.home-notice-title strong{font-size:13px}.home-notice-title small{font-size:10.5px}.home-notice-arrow{font-size:18px}} .home-notice-list{display:block!important;border:1px solid #dce6ed!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important} .home-notice-row{display:grid!important;grid-template-columns:92px minmax(0,1fr) 118px 18px!important;column-gap:14px!important;align-items:center!important;min-height:64px!important;padding:10px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid #e8eef3!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important;color:#172b40!important;text-decoration:none!important;overflow:hidden!important} .home-notice-row:last-child{border-bottom:0!important} .home-notice-row:hover{background:#f8fbfd!important} .home-notice-row.is-featured{background:#fbfeff!important;box-shadow:inset 3px 0 0 #12a0b8!important} .home-notice-row.is-featured:before,.home-notice-row:before{display:none!important;content:none!important} .home-notice-badge{position:static!important;justify-self:start!important;display:inline-flex!important;align-items:center!important;min-height:24px!important;width:auto!important;max-width:90px!important;padding:4px 8px!important;border:1px solid #b7dfe7!important;border-radius:6px!important;background:#eaf8fb!important;color:#08798f!important;font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;box-shadow:none!important} .home-notice-badge:before{display:none!important;content:none!important} .home-notice-row.type-important .home-notice-badge{border-color:#efb9b5!important;background:#fff0ef!important;color:#b42318!important} .home-notice-row.type-warning .home-notice-badge{border-color:#efd19a!important;background:#fff7e8!important;color:#a95b08!important} .home-notice-row.type-update .home-notice-badge{border-color:#cbd4ff!important;background:#f0f3ff!important;color:#3f4eae!important} .home-notice-title{display:block!important;min-width:0!important;overflow:hidden!important} .home-notice-title strong{display:block!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#152a40!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important} .home-notice-title small{display:block!important;margin:4px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#718091!important;font-size:11.5px!important;line-height:1.35!important} .home-notice-side{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important;text-align:right!important} .home-notice-side time{display:block!important;margin:0!important;color:#7c8996!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important} .home-notice-author{display:block!important;color:#087b95!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important;white-space:nowrap!important;text-align:right!important} .home-notice-arrow{display:block!important;color:#8b99a6!important;font-size:19px!important;font-weight:800!important;line-height:1!important;text-align:right!important} .home-notice-row:hover .home-notice-arrow{color:#087b95!important} @media(max-width:760px){ .home-notice-row{grid-template-columns:78px minmax(0,1fr) 16px!important;column-gap:9px!important;min-height:58px!important;padding:10px!important} .home-notice-side{display:none!important} .home-notice-badge{max-width:76px!important;padding:4px 6px!important;font-size:9px!important} .home-notice-title strong{font-size:13px!important} .home-notice-title small{font-size:10.5px!important} } @media(max-width:620px){ .home-admin-notices{padding:18px 0 14px} .home-notice-panel{padding:16px 14px;border-radius:17px;box-shadow:0 10px 28px rgba(18,36,58,.05)} .home-notice-head{display:block;margin-bottom:12px} .home-notice-head .portal-kicker{margin-bottom:5px;font-size:9.5px;letter-spacing:.16em} .home-notice-head h2{font-size:22px;line-height:1.18;margin:0 0 6px;letter-spacing:-.028em} .home-notice-head p{font-size:12.5px;line-height:1.5;max-width:none} .home-notice-head .home-notice-all{display:none} .home-notice-list{gap:8px} .home-notice-row{ grid-template-columns:minmax(0,1fr) 18px; grid-template-areas:"badge arrow" "title arrow"; gap:7px 10px; align-items:center; padding:12px 12px 11px; border-radius:13px; } .home-notice-badge{grid-area:badge;font-size:9px;padding:4px 7px} .home-notice-title{grid-area:title;min-width:0} .home-notice-title>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13.5px;line-height:1.35;white-space:normal;text-overflow:clip} .home-notice-title>small{display:-webkit-box;margin-top:3px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:11px;line-height:1.4;color:#748291} .home-notice-side{display:none!important} .home-notice-arrow{grid-area:arrow;align-self:center;justify-self:end;font-size:20px;line-height:1} .home-notice-mobile-all{display:flex;justify-content:flex-end;margin-top:11px} .home-notice-mobile-all a{display:inline-flex;align-items:center;gap:4px;padding:7px 0;color:#087b95;font-size:11.5px;font-weight:850;text-decoration:none;white-space:nowrap} .home-admin-notices+.portal-content{padding-top:14px} .portal-feed-head{align-items:flex-end;gap:10px} .portal-feed-head>div{min-width:0;flex:1} .portal-feed-head h2{font-size:21px;line-height:1.25;max-width:240px} .portal-feed-head>a{flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;line-height:1;padding-bottom:3px} } @media(max-width:390px){ .home-notice-panel{padding:15px 12px} .home-notice-head h2{font-size:21px} .home-notice-row{padding:11px} .portal-feed-head h2{max-width:210px;font-size:20px} } @media(max-width:620px){ .home-admin-notices{padding:12px 0 10px!important;background:#f7fafc!important} .home-notice-panel{padding:14px 13px 12px!important;border:1px solid #dde6ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 22px rgba(18,36,58,.045)!important} .home-notice-head{display:block!important;margin:0 0 10px!important} .home-notice-head .portal-kicker{display:block!important;margin:0 0 4px!important;font-size:9px!important;letter-spacing:.15em!important} .home-notice-head h2{margin:0 0 5px!important;font-size:20px!important;line-height:1.22!important;letter-spacing:-.02em!important} .home-notice-head p{margin:0!important;font-size:11.5px!important;line-height:1.45!important;color:#6e7c8a!important} .home-notice-head .home-notice-all{display:none!important} .home-notice-list{display:block!important;border:1px solid #dfe7ed!important;border-radius:11px!important;overflow:hidden!important;background:#fff!important} .home-notice-row{ display:grid!important; grid-template-columns:72px minmax(0,1fr) 13px!important; grid-template-areas:none!important; column-gap:8px!important; row-gap:0!important; align-items:center!important; min-height:52px!important; padding:8px 9px!important; margin:0!important; border:0!important; border-bottom:1px solid #edf1f4!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; } .home-notice-row:last-child{border-bottom:0!important} .home-notice-row.is-featured{background:#fbfeff!important;box-shadow:inset 3px 0 0 #11a0b7!important} .home-notice-badge{ grid-area:auto!important; justify-self:start!important; max-width:72px!important; min-height:22px!important; padding:4px 6px!important; border-radius:5px!important; font-size:8.5px!important; line-height:1!important; white-space:nowrap!important; } .home-notice-title{grid-area:auto!important;display:block!important;min-width:0!important;overflow:hidden!important} .home-notice-title>strong{ display:-webkit-box!important; overflow:hidden!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; white-space:normal!important; text-overflow:clip!important; margin:0!important; font-size:12.5px!important; line-height:1.32!important; font-weight:800!important; color:#152a40!important; } .home-notice-title>small{display:none!important} .home-notice-side{display:none!important} .home-notice-arrow{grid-area:auto!important;align-self:center!important;justify-self:end!important;font-size:18px!important;line-height:1!important;color:#8d9aa6!important} .home-notice-mobile-all{display:flex!important;justify-content:flex-end!important;margin:9px 0 0!important} .home-notice-mobile-all a{ display:inline-flex!important; align-items:center!important; min-height:30px!important; padding:6px 10px!important; border-radius:999px!important; background:#eef7f9!important; color:#087b95!important; font-size:10.5px!important; font-weight:850!important; line-height:1!important; text-decoration:none!important; white-space:nowrap!important; } .home-admin-notices+.portal-content{padding-top:12px!important} .portal-feed-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important} .portal-feed-head>div{min-width:0!important;flex:1 1 auto!important} .portal-feed-head .portal-kicker{font-size:9px!important;letter-spacing:.14em!important} .portal-feed-head h2{margin-top:4px!important;max-width:220px!important;font-size:20px!important;line-height:1.22!important} .portal-feed-head>a{ flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:31px!important; padding:7px 10px!important; border:1px solid #cfe2e8!important; border-radius:999px!important; background:#fff!important; color:#087b95!important; font-size:10.5px!important; font-weight:850!important; line-height:1!important; text-decoration:none!important; white-space:nowrap!important; } } @media(max-width:390px){ .home-notice-panel{padding:13px 11px 11px!important} .home-notice-head h2{font-size:19px!important} .home-notice-head p{font-size:11px!important} .home-notice-row{grid-template-columns:68px minmax(0,1fr) 12px!important;padding:8px!important} .home-notice-badge{max-width:68px!important;font-size:8px!important;padding:4px 5px!important} .home-notice-title>strong{font-size:12px!important} .portal-feed-head h2{max-width:190px!important;font-size:19px!important} .portal-feed-head>a{padding:7px 9px!important;font-size:10px!important} } .home-notice-row[style*="--notice-accent"] .home-notice-badge, .notice-type[style*="--notice-accent"]{ color:var(--notice-accent,#0e7490)!important; border-color:color-mix(in srgb,var(--notice-accent,#0e7490) 28%,#ffffff)!important; background:color-mix(in srgb,var(--notice-accent,#0e7490) 9%,#ffffff)!important; box-shadow:none!important; } .home-notice-row[style*="--notice-accent"] .home-notice-arrow{color:var(--notice-accent,#0e7490)!important} .notice-type-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px} .notice-type-nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d9e4eb;border-radius:999px;background:#fff;color:#17425a;font-size:13px;font-weight:800;text-decoration:none;transition:.18s ease} .notice-type-nav a:hover,.notice-type-nav a.is-active{border-color:#7fc7d4;background:#eef9fb;color:#087b95;transform:translateY(-1px)} .notice-type-nav small{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;background:#edf2f5;color:#667684;font-size:10px;font-weight:800} .notice-type-nav a.is-active small{background:#d7f0f4;color:#087b95} .public-notices-hero[style*="--notice-accent"]{border-left:4px solid var(--notice-accent,#0e7490);padding-left:18px} @media(max-width:620px){.notice-type-nav{gap:6px;margin:10px 0 14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.notice-type-nav a{flex:0 0 auto;padding:7px 10px;font-size:11px}.public-notices-hero[style*="--notice-accent"]{padding-left:12px}} .public-notice-featured{margin:18px 0 24px}.public-notice-featured img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:16px;border:1px solid #e3e9ee;background:#f4f7f9}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:760px){.public-notice-featured{margin:14px -2px 18px}.public-notice-featured img{border-radius:12px;max-height:420px}} :root{ --cc-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; } html,body{ font-family:var(--cc-font-sans)!important; font-size:16px; line-height:1.58; font-weight:400; letter-spacing:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } body,button,input,select,textarea,option,[contenteditable="true"]{font-family:var(--cc-font-sans)!important} h1,h2,h3,h4,h5,h6,.admin-title,.card-title,.section-title{ font-family:var(--cc-font-sans)!important; line-height:1.25; letter-spacing:-.018em; font-weight:750; } h1{font-weight:800} h2,h3{font-weight:750} p,li,td,th,label,small,.muted,.card,.topic,.shop-card{line-height:1.58} button,.btn{font-weight:700;letter-spacing:-.005em} input,select,textarea,button{font-size:15px;line-height:1.45} textarea,[contenteditable="true"]{line-height:1.65} .admin-shell,.admin-shell input,.admin-shell select,.admin-shell textarea,.admin-shell button, .admin-layout,.admin-layout input,.admin-layout select,.admin-layout textarea,.admin-layout button{font-family:var(--cc-font-sans)!important} .admin-table th{font-weight:700}.admin-table td{line-height:1.5} .liq-detail,.liquidation-detail,.marketplace-detail,.post-content,.article-content,.content-body,.prose{ font-family:var(--cc-font-sans)!important; } .liq-detail p,.liquidation-detail p,.marketplace-detail p,.post-content p,.article-content p,.content-body p,.prose p{ line-height:1.72; } @media(max-width:640px){ html,body{font-size:15px;line-height:1.56} h1{line-height:1.2}h2,h3{line-height:1.27} } @media (max-width: 760px) { .portal-regions .portal-region-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .portal-regions .portal-region { min-width: 0 !important; padding: 14px 12px !important; gap: 8px !important; align-items: center !important; } .portal-regions .portal-region > div:first-child { min-width: 0; } .portal-regions .portal-region span { font-size: 14px !important; line-height: 1.25 !important; } .portal-regions .portal-region small { font-size: 9.5px !important; line-height: 1.35 !important; margin-top: 4px !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .portal-regions .portal-region-count { flex: 0 0 auto; min-width: 44px; } .portal-regions .portal-region-count b { font-size: 17px !important; } .portal-regions .portal-region-count small { display: block !important; font-size: 8.5px !important; white-space: nowrap; } } @media (max-width: 390px) { .portal-regions .portal-region-grid { gap: 8px !important; } .portal-regions .portal-region { padding: 12px 9px !important; gap: 6px !important; } .portal-regions .portal-region span { font-size: 13px !important; } .portal-regions .portal-region small { font-size: 8.8px !important; } .portal-regions .portal-region-count { min-width: 38px; } .portal-regions .portal-region-count b { font-size: 15px !important; } .portal-regions .portal-region-count small { font-size: 8px !important; } } .static-page-card{padding:clamp(20px,3vw,38px)}.static-page-card h1{margin:0 0 22px}.static-page-body{font-size:16px;line-height:1.8;color:#263746}.static-page-body h2{margin:30px 0 12px;font-size:1.45rem}.static-page-body h3{margin:24px 0 10px;font-size:1.18rem}.static-page-body p{margin:0 0 15px}.static-page-body ul,.static-page-body ol{padding-left:22px}.static-page-body blockquote{margin:20px 0;padding:12px 16px;border-left:4px solid #0f766e;background:#f3faf8}.static-editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.static-editor-toolbar button{border:1px solid #d7e0e7;background:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.static-rich-editor{min-height:320px;border:1px solid #cfd9e2;border-radius:10px;padding:16px;background:#fff;line-height:1.7;overflow:auto}.static-rich-editor:focus{outline:2px solid rgba(14,116,144,.18);border-color:#0e7490}.footer-static-links{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:16px;padding-bottom:16px;border-top:1px solid rgba(255,255,255,.08)}.footer-static-links a{color:inherit;opacity:.86;text-decoration:none}.footer-static-links a:hover{opacity:1;text-decoration:underline}@media(max-width:640px){.static-page-card{padding:18px}.static-rich-editor{min-height:260px}.footer-static-links{gap:8px 14px;font-size:14px}} @media(max-width:1100px){.knowledge-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-article-layout{grid-template-columns:minmax(0,1fr) 250px}.knowledge-hero>.wrap{align-items:flex-start}.knowledge-hero-stats{grid-template-columns:1fr}.knowledge-hero-stats>div{min-width:130px}} @media(max-width:820px){.knowledge-article-layout{grid-template-columns:1fr}.knowledge-aside{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){ .knowledge-page{padding-bottom:24px}.knowledge-hero{padding:22px 0 20px}.knowledge-category-hero{padding:20px 0 18px}.knowledge-hero>.wrap{display:block}.knowledge-hero h1,.knowledge-category-hero h1,.knowledge-article h1{font-size:27px}.knowledge-hero p,.knowledge-category-hero p{font-size:14px;line-height:1.62}.knowledge-hero-stats{display:flex;margin-top:15px;gap:7px;overflow-x:auto;padding-bottom:2px}.knowledge-hero-stats>div{min-width:112px;padding:8px 10px}.knowledge-hero-stats b{font-size:18px}.knowledge-layout{gap:22px;padding-top:19px}.knowledge-section-head{margin-bottom:10px}.knowledge-section-head h2{font-size:20px}.knowledge-section-head p{font-size:13px}.knowledge-cat-grid{grid-template-columns:1fr;gap:9px}.knowledge-cat-card{min-height:0;padding:14px;border-radius:13px}.knowledge-cat-icon{width:38px;height:38px;flex-basis:38px;font-size:18px}.knowledge-cat-title{font-size:16px}.knowledge-cat-card p{font-size:13px;margin:10px 0 9px;-webkit-line-clamp:2}.knowledge-post-list{grid-template-columns:1fr;gap:9px}.knowledge-post-card{min-height:0;padding:14px;border-radius:13px}.knowledge-post-card h3{font-size:17px;margin:5px 0 7px}.knowledge-post-card>p{font-size:13.5px;-webkit-line-clamp:2}.knowledge-topic-panel{padding:13px 0;border-radius:13px;overflow:hidden}.knowledge-topic-head{padding:0 13px;margin-bottom:10px}.knowledge-topic-head h2{font-size:18px}.knowledge-topic-head p{font-size:12px}.knowledge-topic-total{display:none}.knowledge-topic-chips{flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:0 13px 3px;scrollbar-width:none}.knowledge-topic-chips::-webkit-scrollbar{display:none}.knowledge-topic-chip{flex:0 0 auto;font-size:12px;padding:6px 9px}.knowledge-article{padding:18px 15px;border-left:0;border-right:0;border-radius:0}.knowledge-article-layout{padding-top:14px}.knowledge-lead{font-size:15px;padding:11px 12px}.knowledge-body{font-size:15px;line-height:1.75}.knowledge-aside{grid-template-columns:1fr;gap:9px}.knowledge-cta{align-items:stretch;flex-direction:column;padding:16px}.knowledge-cta h2{font-size:19px}.knowledge-cta-actions{width:100%;display:grid;grid-template-columns:1fr}.knowledge-cta-actions .btn{text-align:center;width:100%}.knowledge-breadcrumb{font-size:12px;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px} .knowledge-admin-table-wrap{overflow:visible}.knowledge-topic-table,.knowledge-topic-table tbody,.knowledge-topic-table tr,.knowledge-topic-table td{display:block;width:100%}.knowledge-topic-table>tbody>tr:first-child{display:none}.knowledge-topic-table tr{border:1px solid #e1e7eb;border-radius:12px;padding:10px 12px;margin:0 0 10px;background:#fff}.knowledge-topic-table td{border:0!important;padding:5px 0!important;display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start}.knowledge-topic-table td:before{content:attr(data-label);font-size:11px;font-weight:850;color:#758493;text-transform:uppercase;letter-spacing:.03em}.knowledge-topic-table td[data-label=\"Thao tác\"]{grid-template-columns:1fr;padding-top:9px!important;border-top:1px solid #edf1f3!important;margin-top:5px}.knowledge-topic-table td[data-label=\"Thao tác\"]:before{display:none}.knowledge-topic-table .actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.knowledge-topic-table .actions>*{width:100%}.knowledge-topic-table .btn{width:100%;text-align:center;justify-content:center}} @media(max-width:420px){.knowledge-hero-stats>div{min-width:102px}.knowledge-topic-table td{grid-template-columns:78px minmax(0,1fr)}} @media(max-width:1050px){ .knowledge-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:760px){ .knowledge-cat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px; } .knowledge-cat-card{ min-height:112px; padding:12px 8px 10px; border-radius:12px; } .knowledge-cat-icon{ height:31px; font-size:27px; margin-bottom:7px; } .knowledge-cat-title{ font-size:13px; min-height:32px; line-height:1.2; } .knowledge-cat-count{ font-size:10px; margin-top:3px; } .knowledge-cat-card p{ display:none; } } @media(max-width:760px){ .knowledge-faq{padding:14px 12px;border-radius:13px} .knowledge-faq-item summary{padding:11px 10px;font-size:13px} .knowledge-faq-answer{padding:0 10px 11px;font-size:13px} } @media(max-width:760px){ .knowledge-post-card>h3,.knowledge-post-card>p,.knowledge-post-card>.knowledge-card-topics,.knowledge-post-card>.knowledge-meta{margin-left:14px;margin-right:14px} .knowledge-post-card>h3{margin-top:12px} .knowledge-post-card>.knowledge-meta{margin-bottom:13px} .knowledge-featured{margin:14px -15px 17px;border-radius:0} } .iphone-price-notice{margin:18px 0;padding:13px 15px;border:1px solid #d7e7df;background:#f4faf7;border-radius:11px;color:#40586a;line-height:1.6} .iphone-price-updated{margin:10px 0 16px;color:#6b7b89;font-size:13px} .iphone-price-filter{display:flex;align-items:center;gap:10px;margin:15px 0} .iphone-price-filter label{font-weight:800} .iphone-price-filter select{max-width:320px} .iphone-price-table-wrap{overflow:auto;border:1px solid #dfe6eb;border-radius:12px;background:#fff} .iphone-price-table{width:100%;border-collapse:collapse;min-width:900px} .iphone-price-table th,.iphone-price-table td{padding:11px 12px;border-bottom:1px solid #e8edf0;text-align:left;vertical-align:middle} .iphone-price-table th{background:#f5f8fa;font-size:12px;color:#526678} .iphone-price-table td{font-size:13px} .iphone-price-mobile{display:none} .iphone-price-card{border:1px solid #dfe6eb;border-radius:12px;background:#fff;padding:12px} .iphone-price-card-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px} .iphone-price-card-head span{font-weight:800;color:#087454} .iphone-price-card dl{display:grid;grid-template-columns:1fr auto;gap:7px 10px;margin:0;font-size:12.5px} .iphone-price-card dt{color:#657789}.iphone-price-card dd{margin:0;font-weight:800;text-align:right} .iphone-admin-table input{min-width:120px;margin:2px 0} @media(max-width:760px){ .iphone-price-table-wrap{display:none} .iphone-price-mobile{display:grid;gap:9px} .iphone-price-filter{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px} .iphone-price-filter label{margin:0} .iphone-price-filter select{width:100%;max-width:none;margin-top:0;height:40px} } .iphone-price-method-note{font-size:12px;color:#6d7b88;margin:8px 0 14px;line-height:1.55} @media(max-width:560px){ .knowledge-post-card{ grid-template-columns:92px minmax(0,1fr); column-gap:10px; padding:10px; } .knowledge-post-card .knowledge-post-thumb{ width:92px; height:64px; border-radius:8px; } .knowledge-post-card h3{ font-size:14px; line-height:1.35; } .knowledge-post-card>p{ font-size:11.5px; line-height:1.42; -webkit-line-clamp:2; } .knowledge-post-card .knowledge-card-topics{margin-top:4px} .knowledge-post-card .knowledge-meta{display:none} } @media(max-width:820px){ .knowledge-article h1{ font-size:23px; line-height:1.26; margin:8px 0 7px; } .knowledge-featured{ width:100%; margin:12px auto 15px; border-radius:10px; } .knowledge-featured img{ width:100%; height:auto; max-height:280px; object-fit:contain; } } @media(max-width:480px){ .knowledge-article h1{ font-size:22px; line-height:1.27; } .knowledge-meta{font-size:11.5px;gap:6px} .knowledge-featured{ width:94%; margin:11px auto 14px; } .knowledge-featured img{ max-height:240px; } } @media(max-width:820px){ .knowledge-article>h1{ max-width:none; font-size:20px; line-height:1.24; margin:6px 0 6px; } .knowledge-article>.knowledge-meta{ margin-bottom:8px; font-size:11px; } .knowledge-article>.knowledge-featured{ width:560px; max-width:88%; margin:9px auto 13px; border-radius:9px; } } @media(max-width:480px){ .knowledge-article>h1{ font-size:19px; line-height:1.25; letter-spacing:-.01em; } .knowledge-article>.knowledge-featured{ width:100%; max-width:90%; margin:8px auto 12px; } } @media(max-width:820px){ .knowledge-article > h1{ font-size:18px; line-height:1.24; margin:5px 0 5px; } } @media(max-width:760px){ .knowledge-hero h1, .knowledge-category-hero h1{ font-size:23px; line-height:1.22; } .knowledge-article>h1{ font-size:18px; line-height:1.24; } } .iphone-price-updated span{color:#667085;line-height:1.55} @media(max-width:760px){ .iphone-price-updated{font-size:11.5px;line-height:1.55} .iphone-price-updated span{display:block;margin-top:3px} } @media(max-width:760px){ .knowledge-section-head{ display:block !important; } .knowledge-section-head>div{ width:100%; max-width:none; min-width:0; } .knowledge-section-head h1, .knowledge-section-head h2, .knowledge-section-head h3{ width:100%; max-width:none !important; word-break:normal; overflow-wrap:normal; hyphens:none; text-wrap:pretty; } .knowledge-section-head>.btn, .knowledge-section-head>.actions, .knowledge-section-head>a{ margin-top:8px; } } @media(max-width:560px){ .knowledge-latest .knowledge-post-card{ grid-template-columns:96px minmax(0,1fr); column-gap:10px; } .knowledge-latest .knowledge-post-thumb{ width:96px!important; height:68px!important; min-width:96px; } } @media(max-width:640px){ .knowledge-related{margin-top:22px;padding-top:19px} .knowledge-related-head{align-items:center} .knowledge-related-head h2{font-size:20px} .knowledge-related-grid{grid-template-columns:1fr} .knowledge-related-card{grid-template-columns:104px minmax(0,1fr)} .knowledge-related-thumb,.knowledge-related-thumb img{min-height:102px} .knowledge-related-copy{padding:10px 10px 10px 0} .knowledge-related-copy p{display:none} }