/* ==========================================================
SHOP JLT — GLOBAL COMMERCE EXPERIENCE
Jay Logistics & Trade LLC
Desktop + Tablet + Mobile
========================================================== */
#jlt-shop,
#jlt-shop * {
box-sizing: border-box;
}
#jlt-shop {
–navy-950:#03172e;
–navy-900:#052d5f;
–navy-800:#063b78;
–blue-700:#07569c;
–blue-600:#0874c9;
–blue-500:#1697ee;
–blue-300:#72c8ff;
–steel-100:#f4f7fa;
–steel-200:#e8eef4;
–steel-300:#d7e0e9;
–steel-500:#8090a3;
–white:#ffffff;
–text:#14243a;
–muted:#64748b;
width:100%;
margin:0;
padding:0;
overflow:hidden;
background:#ffffff;
color:var(–text);
font-family:
Arial,
Helvetica,
sans-serif;
}
/* ==========================================================
LINKS
========================================================== */
#jlt-shop a {
text-decoration:none;
}
/* ==========================================================
GLOBAL MAX WIDTH
========================================================== */
#jlt-shop .jlt-container {
width:min(1380px, calc(100% – 48px));
margin:0 auto;
}
/* ==========================================================
NETWORK BAR
========================================================== */
#jlt-shop .jlt-network {
min-height:44px;
display:flex;
align-items:center;
background:
linear-gradient(
90deg,
#020f20,
#071d39
);
border-bottom:1px solid rgba(255,255,255,.08);
}
#jlt-shop .jlt-network-inner {
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
color:#ffffff;
font-size:11px;
font-weight:800;
letter-spacing:1.3px;
}
#jlt-shop .jlt-network-left {
display:flex;
align-items:center;
gap:10px;
}
#jlt-shop .jlt-status {
width:9px;
height:9px;
border-radius:50%;
background:#55d99a;
box-shadow:
0 0 0 5px rgba(85,217,154,.09);
}
#jlt-shop .jlt-network-right {
color:rgba(255,255,255,.64);
}
/* ==========================================================
MAIN SHOP HEADER
========================================================== */
#jlt-shop .jlt-shop-head {
padding:22px 0;
background:
linear-gradient(
125deg,
#073b78 0%,
#07569c 50%,
#06427f 100%
);
}
#jlt-shop .jlt-shop-head-inner {
display:grid;
grid-template-columns:
auto minmax(280px, 1fr) auto;
gap:28px;
align-items:center;
}
/* BRAND */
#jlt-shop .jlt-brand {
display:flex;
align-items:center;
gap:14px;
min-width:225px;
}
#jlt-shop .jlt-brand-mark {
width:58px;
height:58px;
border-radius:15px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.2);
background:
linear-gradient(
145deg,
rgba(255,255,255,.16),
rgba(255,255,255,.04)
);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.15);
color:#ffffff;
font-size:18px;
font-weight:900;
}
#jlt-shop .jlt-brand-copy strong {
display:block;
color:#ffffff;
font-size:24px;
line-height:1;
font-weight:900;
}
#jlt-shop .jlt-brand-copy span {
display:block;
margin-top:6px;
color:rgba(255,255,255,.7);
font-size:10px;
font-weight:800;
letter-spacing:1.15px;
}
/* SEARCH */
#jlt-shop .jlt-search {
position:relative;
}
#jlt-shop .jlt-search input {
width:100%;
min-height:58px;
border:0;
outline:0;
padding:
0 145px
0 20px;
border-radius:14px;
background:#ffffff;
color:#18314f;
font-size:15px;
box-shadow:
0 8px 24px rgba(4,27,58,.13);
}
#jlt-shop .jlt-search button {
position:absolute;
right:7px;
top:7px;
height:44px;
padding:0 24px;
border:0;
border-radius:10px;
cursor:pointer;
background:
linear-gradient(
135deg,
#168de8,
#0570c8
);
color:#ffffff;
font-size:13px;
font-weight:900;
}
/* ACCOUNT */
#jlt-shop .jlt-head-actions {
display:flex;
gap:8px;
}
#jlt-shop .jlt-head-link {
min-height:47px;
padding:0 18px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.22);
border-radius:10px;
color:#ffffff;
font-size:12px;
font-weight:800;
white-space:nowrap;
}
#jlt-shop .jlt-head-link.primary {
background:#ffffff;
color:#06427f;
}
/* ==========================================================
SHOP NAVIGATION
========================================================== */
#jlt-shop .jlt-nav {
background:#ffffff;
border-bottom:1px solid #dce4ed;
box-shadow:
0 5px 18px rgba(20,36,58,.05);
}
#jlt-shop .jlt-nav-inner {
display:flex;
align-items:center;
overflow:auto;
scrollbar-width:none;
}
#jlt-shop .jlt-nav-inner::-webkit-scrollbar {
display:none;
}
#jlt-shop .jlt-nav a {
padding:17px 17px;
flex:0 0 auto;
color:#58677a;
font-size:12px;
font-weight:800;
white-space:nowrap;
border-bottom:3px solid transparent;
}
#jlt-shop .jlt-nav a:hover {
color:#07569c;
border-bottom-color:#0874c9;
background:#f3f8fc;
}
/* ==========================================================
HERO
========================================================== */
#jlt-shop .jlt-hero {
position:relative;
min-height:610px;
display:flex;
align-items:center;
overflow:hidden;
background:
radial-gradient(
circle at 78% 25%,
rgba(31,157,255,.25),
transparent 28%
),
radial-gradient(
circle at 82% 85%,
rgba(3,94,183,.33),
transparent 33%
),
linear-gradient(
125deg,
#041326 0%,
#052a57 48%,
#063e7b 100%
);
}
#jlt-shop .jlt-hero:after {
content:””;
position:absolute;
width:650px;
height:650px;
right:-200px;
top:-160px;
border-radius:50%;
border:
1px solid
rgba(255,255,255,.08);
}
#jlt-shop .jlt-hero-grid {
position:relative;
z-index:2;
display:grid;
grid-template-columns:
minmax(0,1.35fr)
minmax(330px,.65fr);
gap:58px;
align-items:center;
padding:80px 0;
}
/* HERO COPY */
#jlt-shop .jlt-hero-tag {
display:inline-flex;
align-items:center;
gap:9px;
margin-bottom:20px;
color:#bcdfff;
font-size:11px;
font-weight:900;
letter-spacing:1.5px;
}
#jlt-shop .jlt-hero-tag span {
color:#ffc45e;
}
#jlt-shop .jlt-hero h1 {
max-width:900px;
margin:0;
color:#ffffff;
font-size:
clamp(
48px,
6.2vw,
86px
);
line-height:.95;
letter-spacing:-3.5px;
font-weight:900;
}
#jlt-shop .jlt-hero h1 em {
display:block;
font-style:normal;
color:#6bc5ff;
}
#jlt-shop .jlt-hero-description {
max-width:790px;
margin:26px 0 0;
color:rgba(255,255,255,.76);
font-size:17px;
line-height:1.75;
}
#jlt-shop .jlt-hero-actions {
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:32px;
}
#jlt-shop .jlt-button {
min-height:51px;
padding:0 23px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:10px;
font-size:13px;
font-weight:900;
transition:
transform .18s ease,
box-shadow .18s ease;
}
#jlt-shop .jlt-button:hover {
transform:translateY(-2px);
}
#jlt-shop .jlt-button.white {
background:#ffffff;
color:#063d79;
box-shadow:
0 10px 28px rgba(0,0,0,.14);
}
#jlt-shop .jlt-button.outline {
border:1px solid rgba(255,255,255,.25);
color:#ffffff;
background:rgba(255,255,255,.04);
}
/* HERO PANEL */
#jlt-shop .jlt-hero-panel {
padding:25px;
border:1px solid rgba(255,255,255,.12);
border-radius:22px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.09),
rgba(255,255,255,.025)
);
backdrop-filter:blur(8px);
box-shadow:
0 30px 65px rgba(0,0,0,.19);
}
#jlt-shop .jlt-panel-label {
margin-bottom:17px;
color:#8fcfff;
font-size:10px;
font-weight:900;
letter-spacing:1.4px;
}
#jlt-shop .jlt-route {
padding:18px;
margin-bottom:10px;
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
border:
1px solid
rgba(255,255,255,.09);
border-radius:13px;
background:
rgba(255,255,255,.045);
}
#jlt-shop .jlt-route:last-child {
margin-bottom:0;
}
#jlt-shop .jlt-route-copy strong {
display:block;
color:#ffffff;
font-size:14px;
}
#jlt-shop .jlt-route-copy span {
display:block;
margin-top:5px;
color:rgba(255,255,255,.57);
font-size:11px;
line-height:1.4;
}
#jlt-shop .jlt-route-arrow {
min-width:35px;
height:35px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:
rgba(80,178,250,.13);
color:#80d0ff;
font-weight:900;
}
/* ==========================================================
TRUST / EXPERIENCE BAR
========================================================== */
#jlt-shop .jlt-trust {
background:#ffffff;
border-bottom:1px solid #e2e8ef;
}
#jlt-shop .jlt-trust-grid {
display:grid;
grid-template-columns:
repeat(4, 1fr);
}
#jlt-shop .jlt-trust-item {
padding:24px 20px;
border-right:1px solid #e4e9ef;
}
#jlt-shop .jlt-trust-item:last-child {
border-right:0;
}
#jlt-shop .jlt-trust-item strong {
display:block;
color:#152b44;
font-size:13px;
}
#jlt-shop .jlt-trust-item span {
display:block;
margin-top:5px;
color:#788495;
font-size:11px;
line-height:1.5;
}
/* ==========================================================
SECTION BASE
========================================================== */
#jlt-shop .jlt-section {
padding:76px 0;
}
#jlt-shop .jlt-section.light {
background:#f5f8fb;
}
#jlt-shop .jlt-section.white {
background:#ffffff;
}
#jlt-shop .jlt-kicker {
display:block;
margin-bottom:10px;
color:#0874c9;
font-size:10px;
font-weight:900;
letter-spacing:1.6px;
}
#jlt-shop .jlt-title {
margin:0;
color:#12273f;
font-size:
clamp(
32px,
4vw,
48px
);
line-height:1.08;
letter-spacing:-1.5px;
font-weight:900;
}
#jlt-shop .jlt-lead {
max-width:780px;
margin:15px 0 0;
color:#6b788a;
font-size:15px;
line-height:1.75;
}
/* ==========================================================
START HERE CARDS
========================================================== */
#jlt-shop .jlt-path-grid {
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:16px;
margin-top:36px;
}
#jlt-shop .jlt-path-card {
min-height:275px;
position:relative;
overflow:hidden;
padding:25px;
border-radius:17px;
border:1px solid #dfe6ed;
background:#ffffff;
box-shadow:
0 12px 35px
rgba(20,44,73,.06);
}
#jlt-shop .jlt-path-number {
width:40px;
height:40px;
margin-bottom:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
background:#edf6fd;
color:#07569c;
font-weight:900;
}
#jlt-shop .jlt-path-card h3 {
margin:0;
color:#14283e;
font-size:20px;
}
#jlt-shop .jlt-path-card p {
min-height:64px;
margin:11px 0 20px;
color:#6c798a;
font-size:13px;
line-height:1.6;
}
#jlt-shop .jlt-path-card a {
color:#07569c;
font-size:12px;
font-weight:900;
}
/* ==========================================================
J-JACK FLAGSHIP
========================================================== */
#jlt-shop .jlt-jjack {
overflow:hidden;
border-radius:25px;
background:
radial-gradient(
circle at 88% 28%,
rgba(75,170,239,.33),
transparent 27%
),
linear-gradient(
135deg,
#04162d,
#073b78
);
box-shadow:
0 30px 75px
rgba(5,42,85,.18);
}
#jlt-shop .jlt-jjack-grid {
display:grid;
grid-template-columns:
1.15fr .85fr;
}
#jlt-shop .jlt-jjack-copy {
padding:62px;
}
#jlt-shop .jlt-jjack-copy .jlt-kicker {
color:#71c7ff;
}
#jlt-shop .jlt-jjack-copy h2 {
margin:0;
color:#ffffff;
font-size:
clamp(
38px,
5vw,
62px
);
line-height:1;
letter-spacing:-2px;
}
#jlt-shop .jlt-jjack-copy p {
max-width:660px;
margin:20px 0 0;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.75;
}
#jlt-shop .jlt-jjack-tags {
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:24px;
}
#jlt-shop .jlt-jjack-tags span {
padding:8px 11px;
border-radius:7px;
border:
1px solid
rgba(255,255,255,.12);
color:#d9ecfa;
background:
rgba(255,255,255,.05);
font-size:10px;
font-weight:800;
}
#jlt-shop .jlt-jjack-visual {
min-height:450px;
padding:30px;
display:flex;
align-items:center;
justify-content:center;
}
#jlt-shop .jlt-jjack-machine {
width:min(400px, 90%);
aspect-ratio:1 / .85;
position:relative;
border-radius:24px;
background:
linear-gradient(
145deg,
#d7dde2,
#737f89 46%,
#b8c2ca
);
border:
1px solid
rgba(255,255,255,.4);
box-shadow:
0 40px 70px
rgba(0,0,0,.3),
inset 0 2px 1px
rgba(255,255,255,.55);
}
#jlt-shop .jlt-machine-center {
width:84px;
height:84px;
position:absolute;
left:50%;
top:50%;
transform:
translate(-50%,-50%);
border-radius:50%;
background:
radial-gradient(
circle,
#929da6 0%,
#313b43 53%,
#bec7ce 56%,
#68747e 72%
);
box-shadow:
inset 0 3px 8px
rgba(0,0,0,.5);
}
#jlt-shop .jlt-machine-name {
position:absolute;
right:25px;
bottom:21px;
color:#27343d;
font-size:22px;
font-weight:900;
letter-spacing:1px;
}
/* ==========================================================
INNOVATION PROGRAM
========================================================== */
#jlt-shop .jlt-ip-grid {
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:18px;
margin-top:38px;
}
#jlt-shop .jlt-ip-card {
min-height:310px;
padding:28px;
position:relative;
overflow:hidden;
border-radius:19px;
color:#ffffff;
background:
linear-gradient(
145deg,
#052d5f,
#07569c
);
}
#jlt-shop .jlt-ip-card:nth-child(2) {
background:
linear-gradient(
145deg,
#061a32,
#183f67
);
}
#jlt-shop .jlt-ip-card:nth-child(3) {
background:
linear-gradient(
145deg,
#08294f,
#076aa9
);
}
#jlt-shop .jlt-ip-icon {
width:47px;
height:47px;
margin-bottom:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:
rgba(255,255,255,.1);
font-size:20px;
}
#jlt-shop .jlt-ip-card small {
color:#94d4ff;
font-size:9px;
font-weight:900;
letter-spacing:1.3px;
}
#jlt-shop .jlt-ip-card h3 {
margin:9px 0 0;
color:#ffffff;
font-size:25px;
}
#jlt-shop .jlt-ip-card p {
margin:13px 0 22px;
color:rgba(255,255,255,.68);
font-size:13px;
line-height:1.65;
}
#jlt-shop .jlt-ip-card a {
color:#ffffff;
font-size:12px;
font-weight:900;
}
/* ==========================================================
COMMERCE UNIVERSE
========================================================== */
#jlt-shop .jlt-commerce-grid {
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:18px;
margin-top:38px;
}
#jlt-shop .jlt-commerce-card {
min-height:220px;
padding:25px;
border:1px solid #dde6ed;
border-radius:17px;
background:#ffffff;
position:relative;
}
#jlt-shop .jlt-commerce-card .icon {
margin-bottom:26px;
color:#0874c9;
font-size:25px;
}
#jlt-shop .jlt-commerce-card h3 {
margin:0;
color:#152a42;
font-size:19px;
}
#jlt-shop .jlt-commerce-card p {
margin:9px 0 19px;
color:#718092;
font-size:12px;
line-height:1.65;
}
#jlt-shop .jlt-commerce-card a {
color:#07569c;
font-size:11px;
font-weight:900;
}
/* ==========================================================
LIVE PRODUCT PREVIEW
========================================================== */
#jlt-shop .jlt-products-head {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:25px;
}
#jlt-shop .jlt-products-link {
color:#07569c;
font-size:12px;
font-weight:900;
}
#jlt-shop .jlt-product-grid {
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:18px;
margin-top:35px;
}
#jlt-shop .jlt-product-card {
overflow:hidden;
border-radius:16px;
border:1px solid #dfe6ee;
background:#ffffff;
box-shadow:
0 10px 35px
rgba(15,40,70,.06);
}
#jlt-shop .jlt-product-image {
width:100%;
aspect-ratio:1 / .78;
overflow:hidden;
background:#edf2f6;
}
#jlt-shop .jlt-product-image img {
width:100%;
height:100%;
object-fit:cover;
display:block;
}
#jlt-shop .jlt-product-info {
padding:18px;
}
#jlt-shop .jlt-product-cat {
margin-bottom:7px;
color:#6b7b8f;
font-size:9px;
font-weight:900;
text-transform:uppercase;
letter-spacing:1px;
}
#jlt-shop .jlt-product-info h3 {
margin:0;
color:#12273f;
font-size:18px;
line-height:1.25;
}
#jlt-shop .jlt-product-price {
margin-top:11px;
color:#07569c;
font-size:17px;
font-weight:900;
}
#jlt-shop .jlt-product-view {
margin-top:15px;
min-height:39px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:#062f63;
color:#ffffff;
font-size:11px;
font-weight:900;
}
#jlt-shop .jlt-loading {
grid-column:1/-1;
padding:40px;
border-radius:15px;
border:1px solid #e0e7ef;
background:#ffffff;
color:#68778a;
text-align:center;
font-size:13px;
}
/* ==========================================================
BUSINESS / GLOBAL SECTION
========================================================== */
#jlt-shop .jlt-global {
padding:78px 0;
color:#ffffff;
background:
radial-gradient(
circle at 90% 50%,
rgba(20,143,229,.25),
transparent 35%
),
linear-gradient(
135deg,
#03162d,
#06376f
);
}
#jlt-shop .jlt-global-grid {
display:grid;
grid-template-columns:
.9fr 1.1fr;
gap:60px;
align-items:center;
}
#jlt-shop .jlt-global .jlt-kicker {
color:#73c8ff;
}
#jlt-shop .jlt-global h2 {
margin:0;
color:#ffffff;
font-size:
clamp(
35px,
4.5vw,
58px
);
line-height:1.05;
letter-spacing:-2px;
}
#jlt-shop .jlt-global-copy p {
color:rgba(255,255,255,.7);
line-height:1.75;
}
#jlt-shop .jlt-global-list {
display:grid;
grid-template-columns:
1fr 1fr;
gap:12px;
}
#jlt-shop .jlt-global-item {
padding:21px;
border:
1px solid
rgba(255,255,255,.1);
border-radius:14px;
background:
rgba(255,255,255,.045);
}
#jlt-shop .jlt-global-item strong {
display:block;
color:#ffffff;
font-size:14px;
}
#jlt-shop .jlt-global-item span {
display:block;
margin-top:5px;
color:rgba(255,255,255,.58);
font-size:11px;
line-height:1.5;
}
/* ==========================================================
PORTAL / ACCOUNT SECTION
========================================================== */
#jlt-shop .jlt-account-wrap {
display:grid;
grid-template-columns:
.9fr 1.1fr;
gap:45px;
align-items:center;
}
#jlt-shop .jlt-account-grid {
display:grid;
grid-template-columns:
1fr 1fr;
gap:12px;
}
#jlt-shop .jlt-account-card {
padding:21px;
border-radius:14px;
border:1px solid #dce5ed;
background:#ffffff;
}
#jlt-shop .jlt-account-card strong {
display:block;
color:#17304b;
font-size:14px;
}
#jlt-shop .jlt-account-card span {
display:block;
margin-top:6px;
color:#718095;
font-size:11px;
}
#jlt-shop .jlt-account-card a {
display:inline-block;
margin-top:13px;
color:#07569c;
font-size:11px;
font-weight:900;
}
/* ==========================================================
FINAL CTA
========================================================== */
#jlt-shop .jlt-final {
padding:85px 20px;
text-align:center;
background:
linear-gradient(
135deg,
#07569c,
#06376f
);
}
#jlt-shop .jlt-final h2 {
max-width:850px;
margin:0 auto;
color:#ffffff;
font-size:
clamp(
35px,
4.8vw,
58px
);
line-height:1.03;
letter-spacing:-2px;
}
#jlt-shop .jlt-final p {
max-width:700px;
margin:18px auto 0;
color:rgba(255,255,255,.73);
font-size:14px;
line-height:1.7;
}
#jlt-shop .jlt-final-actions {
margin-top:28px;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:10px;
}
/* ==========================================================
TABLET
========================================================== */
@media (max-width:1100px) {
#jlt-shop .jlt-shop-head-inner {
grid-template-columns:
auto 1fr;
}
#jlt-shop .jlt-head-actions {
grid-column:1/-1;
justify-content:flex-end;
}
#jlt-shop .jlt-path-grid {
grid-template-columns:
repeat(2,1fr);
}
#jlt-shop .jlt-product-grid {
grid-template-columns:
repeat(2,1fr);
}
}
/* ==========================================================
MOBILE
========================================================== */
@media (max-width:767px) {
#jlt-shop .jlt-container {
width:
min(
100% – 26px,
1380px
);
}
#jlt-shop .jlt-network-right {
display:none;
}
#jlt-shop .jlt-shop-head {
padding:17px 0;
}
#jlt-shop .jlt-shop-head-inner {
display:block;
}
#jlt-shop .jlt-brand {
margin-bottom:16px;
}
#jlt-shop .jlt-brand-mark {
width:49px;
height:49px;
}
#jlt-shop .jlt-search input {
min-height:53px;
padding-right:110px;
font-size:13px;
}
#jlt-shop .jlt-search button {
height:39px;
padding:0 15px;
font-size:11px;
}
#jlt-shop .jlt-head-actions {
margin-top:11px;
display:grid;
grid-template-columns:
1fr 1fr;
}
#jlt-shop .jlt-head-link {
min-height:43px;
}
#jlt-shop .jlt-nav a {
padding:14px 13px;
font-size:10px;
}
#jlt-shop .jlt-hero {
min-height:auto;
}
#jlt-shop .jlt-hero-grid {
grid-template-columns:1fr;
gap:38px;
padding:55px 0;
}
#jlt-shop .jlt-hero h1 {
font-size:48px;
letter-spacing:-2.5px;
}
#jlt-shop .jlt-hero-description {
font-size:14px;
}
#jlt-shop .jlt-button {
width:100%;
}
#jlt-shop .jlt-trust-grid {
grid-template-columns:
1fr 1fr;
}
#jlt-shop .jlt-trust-item {
border-bottom:
1px solid
#e4e9ef;
}
#jlt-shop .jlt-section {
padding:52px 0;
}
#jlt-shop .jlt-path-grid,
#jlt-shop .jlt-ip-grid,
#jlt-shop .jlt-commerce-grid,
#jlt-shop .jlt-product-grid,
#jlt-shop .jlt-global-grid,
#jlt-shop .jlt-account-wrap {
grid-template-columns:1fr;
}
#jlt-shop .jlt-jjack-grid {
grid-template-columns:1fr;
}
#jlt-shop .jlt-jjack-copy {
padding:35px 22px;
}
#jlt-shop .jlt-jjack-visual {
min-height:330px;
}
#jlt-shop .jlt-products-head {
display:block;
}
#jlt-shop .jlt-products-link {
display:inline-block;
margin-top:15px;
}
#jlt-shop .jlt-global-list {
grid-template-columns:1fr;
}
#jlt-shop .jlt-account-grid {
grid-template-columns:1fr;
}
}