:root {
  --shades01:#FFFFFF;
  --shades02:#000000;
  --shades03:#101010;
  --shades04:#191919;
  --shades05:#242424;
  --shades06:#8E8E8E;
  --shades07:#202020;
  --shades08:#F4F4F4;
  --menuColor: #2A2A2A;
  --mainShade: #DD2C1C;
  --blue-rgb:35, 64, 144;
  --green-rgb:146, 208, 80;
  --sky-blue-rgb:91, 155, 213;
  --yellow-rgb:247, 153, 32;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
  --shades03-rgb:16, 16, 16;
  --shades04-rgb:25, 25, 25;
  --shades05-rgb:36, 36, 36;
  --shades06-rgb:142, 142, 142;
  --shades07-rgb:32, 32, 32;
  --shades08-rgb:244, 244, 244;
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: "Google Sans Flex", sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px; line-height: 1.2; color: var(--shades02); background:var(--shades01);position: relative; z-index: 0; scroll-behavior: smooth; }
*{transition: all 0s ease;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--green01); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{transition: all 0.3s ease;}
p { margin: 0 0 0; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades06-rgb), 0.2);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; transition:all 0.3s ease; }
::-webkit-scrollbar-track { border-radius: 0; background-color: var(--shades01); transition:all 0.3s ease; }
::-webkit-scrollbar-thumb { background-color: var(--mainShade); transition:all 0.3s ease; }
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--blue); color:var(--shades01)}
::-moz-selection{ background-color:var(--red); color:var(--blue)}
::-webkit-selection{ background-color:var(--red); color:var(--blue)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--red) !important;text-shadow: 0 0 0 var(--blue);}
select:-moz-focusring {color: var(--red) !important;text-shadow: 0 0 0 var(--blue);}
select:focusring {color: var(--red) !important; text-shadow: 0 0 0 var(--blue);}
::input-placeholder{ color:var(--shades01) !important; letter-spacing: 1px !important;}
::-moz-input-placeholder{ color:var(--shades01) !important;}
::-webkit-input-placeholder{ color: rgba(var(--shades01-rgb), 0.65) !important; letter-spacing: 1px !important;}
.overflow-hidden{overflow: hidden;}
/* ********|| PSEUDO ELEMENTS END ||******** */

/* ********|| BOOTSTRAP FIX START ||******** */
.container{width: 100%; margin-left: auto; margin-right: auto;max-width: calc(100% - 30px);}
@media (min-width: 576px){
	.container{max-width: 540px;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
	.container{max-width: 740px;}
}
@media (min-width: 992px){
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
	.container{max-width: 1170px;}
}
@media (min-width: 1400px){
	.container{max-width: 1200px;}
}
@media (min-width: 1532px){
	.container{max-width: 1200px;}
}
@media (min-width: 1900px){
	.container{max-width: 1260px;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* **********COMMON START*********** */
.call-to-action.btn { display: flex; justify-content: center; align-items: center; background-color: var(--yellow); height: 49px; margin: auto; border-radius: 30px; color: var(--shades01); font-weight: 500; font-size: 15px; white-space: nowrap; overflow: hidden; position: relative; z-index: 0; padding: 5px 25px; box-shadow: 0 7px 23px rgba(var(--shades02-rgb), 0.2); letter-spacing: 1px;}
.call-to-action.btn:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue); transform: scale(0, 1); z-index: -1; transition: all 0.3s ease;}
.call-to-action.btn:hover{color: var(--shades01);}
.call-to-action.btn:hover::before{transform: scale(1, 1);}
/* **********COMMON END*********** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--red);border: 1px solid var(--red);}
/* ********|| CHECKBOX END ||******** */
/* ********|| RADIO START ||******** */
.radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;}
.radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--red);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;}
/* ********|| RADIO END ||******** */

/* ********|| FORM INPUTS START ||******** */
.form-control{ border-radius: 0px;box-shadow: none;border: 1px solid rgba(var(--shades02-rgb), 0.15);color: var(--shades02);background-color: var(--shades01);min-width: 50px;min-height: 50px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 20px; font-weight: 500; transition: all 0.3s ease;}
.form-control:focus{ border-color:var(--red);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--shades01) !important; font-weight: 400 !important;}
.form-control:-moz-placeholder{color:var(--shades01) !important;opacity:  1 !important; font-weight: 400 !important;}
.form-control::-moz-placeholder{color:var(--shades01) !important; opacity:1 !important; font-weight: 400 !important;}
.form-control:-ms-input-placeholder{color:var(--shades01) !important; font-weight: 400 !important;}
.form-control::-ms-input-placeholder{color:var(--shades01) !important; font-weight: 400 !important;}
textarea.form-control{ resize:none; min-height: 120px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:rgba(var(--red-rgb), 0.1);  cursor: not-allowed;}
/* ********|| FORM INPUTS END ||******** */

/* ********|| HEADER START ||******** */
header{position: sticky; z-index: 9; top: 0; left: 0; width: 100%;transition: all 0.3s ease; background-color: var(--shades01);}
header .brand-nav-wrapper{display: flex; gap: 10px; align-items: center; width: 100%;}
.main-header .container { display: flex; align-items: center; justify-content: space-between;}
.navigation-wrap {width: 100%;}
.navigation-wrap .navigation-menu{display: flex; gap: 3px; align-items: center; margin: 0; padding-left: 77px;}
.navigation-wrap .navigation-menu li{list-style: none; position: relative;}
.navigation-wrap .navigation-menu .menu-item .menu-link { display: flex; align-items: center; font-size: 14px; font-weight: 500; transition: all 0.5s ease-in-out; padding: 6px 10px; font-family: "Inter", sans-serif; color: #161616; letter-spacing: 0.2px; text-transform: uppercase; white-space: nowrap;}
.navigation-wrap .navigation-menu .menu-item .menu-link.dropdown-toggle {padding: 6px 32px 6px 15px;}
.navigation-wrap .navigation-menu .menu-item .menu-link:hover {color: var(--mainShade);}
.navigation-wrap .navigation-menu .menu-item .menu-link.active {color: var(--menuColor);}
.navigation-menu .dropdown-menu { display: none; position: absolute; background-color: var(--shades01); border-radius: 12px; list-style: none; padding: 8px 0px; margin: 0; z-index: 99; margin-top: 12px; left: 0; transform: translateX(-25%); box-shadow: 0px 2px 15px -1px rgba(0, 0, 0, 0.1);}
.navigation-menu .dropdown-item {padding: 8px 0;}
.navigation-menu .dropdown-menu .dropdown-item .dropdown-link {text-decoration: none; color: var(--menuColor); font-size: 14px; font-weight: 500; white-space: nowrap; transition: all 0.3s ease-in-out; padding: 7px 25px; width: 100%; display: block;}
.dropdown-menu .dropdown-item .dropdown-link::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--blue); transform: scaleX(0); transform-origin: center; transition: transform 0.4s ease-in-out; z-index: -1;}
.dropdown-menu .dropdown-item .dropdown-link:hover::before { transform: scaleX(1); border-radius: 0;}
.dropdown-menu .dropdown-item .dropdown-link:hover { color: var(--shades01); border-radius: 0;}
.header-options .call-to-action.btn { display: flex; justify-content: center; align-items: center; background-color: var(--yellow); height: 49px; margin: auto; border-radius: 30px; color: var(--shades01); font-weight: 500; font-size: 15px; white-space: nowrap; overflow: hidden; position: relative; z-index: 0; padding: 5px 25px; box-shadow: 0 7px 23px rgba(var(--shades02-rgb), 0.2); letter-spacing: 1px;}
.header-options .call-to-action.btn:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue); transform: scale(0, 1); z-index: -1; transition: all 0.3s ease;}
.header-options .call-to-action.btn:hover{color: var(--shades01);}
.header-options .call-to-action.btn:hover::before{transform: scale(1, 1);}
.header-options .contact { color: var(--shades03); font-size: 17px; font-weight: 600; display: flex; transition: all 0.3s; gap: 12px; align-items: center;}
.header-options .contact i { color: var(--shades05); font-size: 16px; transition: all 0.3s; background-color: rgba(var(--yellow-rgb), 0.2); width: 42px; height: 42px; border-radius: 50%; text-align: center; padding: 12px 0 0;}
.header-options .contact:hover{color: var(--blue);}
.brand-nav-wrapper .brand .logo img{width: 100%; height: 100%; object-fit: cover;}
.brand-nav-wrapper .brand .logo{position: relative; display: block; width: 100%; height: 100%;}
.brand-nav-wrapper .brand{position: relative; height: 65px;}
header .main-header{padding: 20px 0 0; height: 100px; box-shadow: 0px 2px 14px -3px rgba(var(--shades02-rgb), 0.2);}
.header-options { display: flex; gap: 20px; align-items: center; flex-grow: 1; flex-shrink: 0;}
.navigation { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 54px;}
.navigation-wrap {width: 100%; display: flex; justify-content: center; flex-grow: 1; flex-shrink: 1;}
.navigation-menu .menu-item.active .dropdown-menu {display: block;}
header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle::after { content: '\f107'; font-family: "Font Awesome 6 Pro"; font-size: 14px; font-weight: 600; color: var(--shades07); transform-origin: center; transition: all 0.3s ease; right: 11px; top: 11px; position: absolute;}
.menu-item.active .menu-link.dropdown-toggle:after {transform: rotate(180deg); top: 8px !important;}
header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle:hover::after {color: var(--shades01);}
header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle.active::after {color: var(--shades01);}
header .navigation .header-options .menu-trigger { width: 30px; height: 30px; margin: auto 0; margin-left: 10px; display: none; flex-direction: column;}
header .navigation .header-options .menu-trigger span { display: block; width: 100%; height: 4px; background: var(--mainShade); margin: auto 0; transition: all 0.3s ease;}
header .navigation .header-options .menu-trigger.active span:first-child { opacity: 1; transform: rotate(45deg); margin-bottom: -17px;}
header .navigation .header-options .menu-trigger.active span { opacity: 0; transform-origin: center;}
header .navigation .header-options .menu-trigger.active span:last-child { opacity: 1; transform: rotate(-45deg); margin-top: -17px;}
.navigation-wrap .navigation-menu li a:hover .menu-link.dropdown-toggle:after{color: var(--shades01);}
.navigation-menu .call-to-action.btn.mobile{display: none;}
.top-header { background: linear-gradient(45deg, #262020, #6C6C6C); height: 43px; max-height: 100%; display: flex; align-items: center;}
.left-text span { font-weight: 500; color: var(--shades01); font-size: 12px;}
.right-text ul{list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; justify-content: end;}
.right-text ul li a { font-weight: 600; font-size: 13px; color: #fff;}
.right-text ul li a:hover{color: var(--shades01);}
.main-header .brand .logo{width: 140px; display: flex;}
.main-header .brand .logo img{width: 100%; height: 100%; object-fit: cover;}
.main-header .header-icon-btn { display: flex; align-items: center; gap: 8px;}
.main-header .account-label { display: flex; flex-direction: column; gap: 10px;}
.main-header .header-icon-btn .fa-user{font-size: 34px; font-weight: 200; color: #696969;}
.main-header .account-label .acc-top{color: var(--menuColor); font-weight: 500; font-size: 12px;}
.main-header .account-label .acc-bot{font-size: 9px; font-weight: 600; text-transform: uppercase; color: #051F25; letter-spacing: 1px;}
.main-header .header-icon-btn .fa-heart{font-size: 34px; font-weight: 200; color: #696969;}
.main-header .header-icon-btn .fa-heart:hover{color: var(--mainShade);}
.main-header .cart-icon-btn .cart-icon-wrap { display: flex; flex-direction: column; gap: 5px;}
.main-header .cart-icon-btn {display: flex; align-items: center; gap: 8px}
.main-header .cart-icon-btn .fa-cart-shopping {font-size: 34px; font-weight: 200; color: #696969;}
.main-header .cart-icon-wrap .cart-badge { background-color: #D8292A; display: flex; align-items: center; justify-content: center; border-radius: 20px; font-weight: 600; color: var(--shades01); font-size: 12px; padding: 2px 0;}
.main-header .cart-icon-wrap .cart-text{color: #2A2A2A; font-weight: 500; font-size: 14px;}
.active-contact { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #2A2A2A; text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; transition: color 0.2s;}
.active-contact:hover {color: var(--mainShade);}
.header-callback-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--mainShade); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; padding: 20px 20px; text-decoration: none; white-space: nowrap; transition: background 0.2s; flex-shrink: 0;}
.header-callback-btn:hover { background: #b81f20; color: #fff;}
.main-header .header-icon-btn, .main-header .cart-icon-btn, .main-header .header-divider {display: none;}
.header-options { gap: 16px; flex-grow: 0; flex-shrink: 0;}


/* *************************|| HERO SLIDER START ||********************* */
.jdmc-hero {
  background-size: cover;
  background-position: center;
  padding: 120px 0 160px;
  position: relative;
}
.jdmc-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to Left, rgba(38, 32, 32, 0) 0%, #262020 100%);
    z-index: 0;
}
.jdmc-hero-content {
  max-width: 520px;
  position: relative;
  z-index: 1;
}
.jdmc-hero-title {
    font-size: 44px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 18px;
}
.jdmc-hero-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.7;
    margin: 0 0 32px;
    max-width: 506px;
    width: 100%;
}
.jdmc-hero-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.jdmc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 22px 49px;
    text-decoration: none;
    transition: all 0.2s;
    white-space: nowrap;
}
.jdmc-btn--outline {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,0.70);
}
.jdmc-btn--outline:nth-child(2){background: #fff; color: #262020;}
.jdmc-btn--outline:nth-child(2):hover{background: transparent; color: #fff;}
.jdmc-btn--outline:hover {
  background: #fff;
  color: #111;
  border-color: #fff;
}
.jdmc-strip {
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin: -72px 0 0;
}
.jdmc-strip-inner {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
}
.jdmc-strip-left {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
}
.jdmc-strip-icon {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mainShade);
  flex-shrink: 0;
  padding: 5px;
}
.jdmc-strip-icon img{width: 100%; height: 100%; object-fit: cover;}
.jdmc-strip-text h4{ font-size: 17px; font-weight: 600; color: #fff; margin: 0; line-height: 1.4; max-width: 222px; width: 100%;}
.jdmc-strip-text h4{margin: 0;}
.jdmc-strip-desc { flex: 1;}
.jdmc-strip-desc { font-size: 13px; color: rgba(255, 255, 255, 0.80); line-height: 1.6; margin: 0; font-weight: 500; letter-spacing: 0.2px; max-width: 320px; width: 100%;}
.jdmc-strip-action {flex-shrink: 0;}
.jdmc-strip-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--mainShade); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 16px 28px; text-decoration: none; white-space: nowrap; transition: background 0.2s;}
.jdmc-strip-btn:hover { background: #b81f20; color: #fff;}
.jdmc-products { background-size: cover; background-position: center; padding: 50px 0 60px; position: relative; background-color: #404040;}
.jdmc-overlay-img { opacity: 0.30; background-size: cover !important; width: 100%; height: 100%; background-position: center !important; position: absolute; top: 0;
}
.jdmc-products-overlay { position: absolute; inset: 0; z-index: 0; background: rgb(32 32 32 / 54%);   }
.jdmc-products-wrap { position: relative; z-index: 1; border: 1px solid #28302C; /* stroke from Figma */ border-radius: 0; overflow: visible;}
.jdmc-products-header { display: flex; align-items: stretch; border-bottom: 1px solid #28302C; height: 64px;}
.jdmc-products-title { font-size: 40px; font-weight: 600; color: #fff; padding: 0 32px 0 0; margin: 0; white-space: nowrap; display: flex; align-items: center; background: transparent; flex-shrink: 0;}
.jdmc-tabs { display: flex; align-items: stretch; flex: 1; margin: 0; padding: 0; border: 2px solid #fff;}
.jdmc-tab { flex: 1; background: transparent; border: none; border-right: 2px solid #ffffff; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; padding: 0 16px; cursor: pointer; transition: all 0.2s; white-space: nowrap; display: flex; align-items: center; justify-content: center; height: 100%;}
.jdmc-tab:last-child { border-right: none;}
.jdmc-tab:hover { background: rgba(255, 255, 255, 0.06); color: #fff;}
.jdmc-tab.active {background: #fff;color: #1a1a1a;font-weight: 800;}
.jdmc-products-body {display: flex;align-items: stretch;background: rgba(0, 0, 0, 0.50);margin: 20px 0 0;backdrop-filter: blur(4px);}
.jdmc-category-info {width: 272px;flex-shrink: 0;padding: 28px 24px;display: flex;flex-direction: column;justify-content: space-between;}
.jdmc-category-title {font-size: 20px; font-weight: bold; color: #fff; letter-spacing: 0.8px; margin: 0 0 14px; text-transform: uppercase;}
.jdmc-category-desc { font-size: 12px; color: rgba(255, 255, 255, 0.90); line-height: 1.65; margin: 0; flex: 1; font-weight: 500;}
.jdmc-category-footer { margin-top: 28px;}
.jdmc-category-view { font-size: 16px; color: #fff; line-height: 1.5; margin: 0 0 16px; font-weight: bold; max-width: 180px; width: 100%;}
.jdmc-all-btn {display: inline-flex;align-items: center;justify-content: center;background: var(--mainShade);color: #fff;font-size: 11px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;padding: 18px 24px;text-decoration: none;transition: background 0.2s;width: 100%;}
.jdmc-all-btn:hover {background: #b81f20;color: #fff;}
.jdmc-products-slider-wrap {flex: 1;padding: 24px 22px 24px 24px;position: relative;overflow: hidden;}
.jdmcSwiper .swiper-slide{height: auto;}
.jdmc-product-card { background: #fff; border-radius: 0; overflow: hidden; height: 100%; display: flex; flex-direction: column;}
.jdmc-product-img {aspect-ratio: 4 / 4;display: flex;align-items: center;justify-content: center;padding: 35px;overflow: hidden;}
.jdmc-product-img img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.3s ease;}
.jdmc-product-card:hover .jdmc-product-img img {transform: scale(1.05);}
.jdmc-product-info {padding: 16px;display: flex;flex-direction: column;flex: 1;}
.jdmc-product-info h5 {font-size: 15px;font-weight: 600;color: #161616;margin: 0 0 6px;line-height: 1.35;}
.jdmc-product-code {font-size: 12px;color: #777777;font-weight: 600;margin-bottom: 10px;display: block;}
.jdmc-product-info .slide-description {font-size: 12px;color: rgba(40, 48, 44, 0.70); line-height: 1.6;margin: 0;}
.jdmc-products-slider-wrap .swiper-button-prev, .jdmc-products-slider-wrap .swiper-button-next {width: 48px !important;height: 48px !important;background: #fff !important;border-radius: 50% !important;color: #fff !important;top: 47% !important;backdrop-filter: blur(4px);opacity: 1;box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.2);}
.jdmc-products-slider-wrap .swiper-button-prev::after, .jdmc-products-slider-wrap .swiper-button-next::after {font-size: 12px !important;font-weight: 700 !important;color: #242E6A !important;}
.jdmc-products-slider-wrap .swiper-button-prev {left: 2px !important;}
.jdmc-products-slider-wrap .swiper-button-next {right: 3px !important;}
 


/* *************************|| ABOUT SECTION START ||********************* */
.jdmc-about { background-image: linear-gradient(to bottom, #E8F5ED, #FFFFFF); overflow: hidden; padding: 90px 0;}
.jdmc-about-content { padding: 0 48px 0 0; height: 100%; display: flex; flex-direction: column; gap: 0;}
.jdmc-about-sup {font-size: 14px;font-weight: 600;color: var(--mainShade);text-transform: uppercase;letter-spacing: 1px;display: block;margin-bottom: 8px;}
.jdmc-about-title { font-size: 40px; font-weight: 600; color: #161616; margin: 0 0 24px; line-height: 1.1;}
.jdmc-about-desc { display: flex; flex-direction: column; gap: 18px; flex: 1; margin-bottom: 36px; font-size: 13px; color: rgba(38, 32, 32, 0.90); line-height: 1.6; margin: 0; letter-spacing: 0.4px; }
.jdmc-about-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--mainShade); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 18px 36px; text-decoration: none; width: fit-content; transition: background 0.2s; margin: 30px 0 0;}
.jdmc-about-btn:hover {background: #b81f20;color: #fff;}
/* ── Center Image ── */
.jdmc-about-img {height: 100%;min-height: 500px;overflow: hidden;position: relative;}
.jdmc-about-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.5s ease;}
.jdmc-about-img:hover img {transform: scale(1.03);}
/* ── Right Panel ── */
.jdmc-about-right { background-color: rgba(0, 0, 0, 0.60); background-image: linear-gradient(   rgba(38, 32, 32, 0.50),   rgba(38, 32, 32, 0.50) ); display: flex; flex-direction: column; justify-content: center; position: absolute; right: 6px; max-width: 342px; width: 100%; top: 6px; height: 634px;}
.jdmc-about-card { padding: 44px 40px; flex: 1; display: flex; flex-direction: column; justify-content: center;}
.jdmc-about-divider {height: 1px;background: rgba(255,255,255,0.12);margin: 0 40px;}
.jdmc-about-card-title {font-size: 20px;font-weight: 600;color: #fff;margin: 0 0 16px;line-height: 1.2;}
.jdmc-about-card-desc {font-size: 13px;color: rgba(255, 255, 255, 0.80);line-height: 1.75;margin: 0;font-weight: 500;}



/* *************************|| MANUFACTURING SECTION START ||********************* */
 .manufacturing-section{position: relative; padding: 90px 0 60px 0;  background-image: linear-gradient(to bottom, #E8F5ED, #FFFFFF);}
.jdmc-manufacturing-title { font-size: 40px; font-weight: 600; color: #161616; margin: 0 0 34px; line-height: 1.1;}




/* BOOTSTRAP TAB NAV */
    .cap-nav { flex-wrap:nowrap; overflow-x:auto; background:transparent; border-bottom:none; scrollbar-width:none; margin-bottom: 20px;}
    .cap-nav::-webkit-scrollbar { display:none; }
    .cap-nav .nav-link {  letter-spacing:2%; text-transform:uppercase; color:#444; border:none; border-radius:0; padding:14px 22px; white-space:nowrap; background:transparent; transition:background .2s,color .2s; font-family: "Google Sans Flex", sans-serif; font-size: 12px; font-weight: 600;}
    .cap-nav .nav-link:hover { background:#f0f0f0; color:var(--dark); }
    .cap-nav .nav-link.active { background:var(--mainShade)!important; color:#fff!important; border:none; }

    .manufacturing-section .swiper-slide{
      display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
    }

    /* CARD FRAME */
    .cap-frame { border:2px solid var(--red); overflow:hidden; background:#fff; position:relative; }

    /* SWIPER */
    .tab-swiper { width:100%; height:470px; }
    .tab-swiper .swiper-slide .img-wrap { max-height: 470px; height: 100%; width: 100%; overflow: hidden;}
    .tab-swiper .swiper-slide img { width:100%; height:100%; object-fit:cover; display:block; }

    /* INFO PANEL */
    .info-panel {position:absolute; bottom:0; left:0; width:422px;background:#fff; backdrop-filter:blur(4px);padding:26px 28px 0px; z-index:8;overflow-x: hidden;
      
    }
    .info-panel h2 {font-size: 28px; font-weight:600; color: #262020; margin-bottom:8px; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
    .info-panel p  { font-size: 15px; color: #262020; line-height:1.65; margin-bottom:18px; display: -webkit-box;
       -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}

    /* CONTROLS */
    .ctrl { display:flex; align-items:center; gap:10px; }
    .swiper-btn {
      width:48px; height:48px; border:1px solid #ddd; background:#fff;
      border-radius:50%; display:flex; align-items:center; justify-content:center;
      cursor:pointer; transition:background .2s,border-color .2s; flex-shrink:0;
    }
    .swiper-btn:hover { background-color: #f00; color: #fff;
    }
    .swiper-btn:hover { background: #f00; border-color: #f00; }
    .swiper-btn:hover svg { stroke:#fff; }
    .swiper-btn svg { width:13px; height:13px; stroke:#444; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:stroke .2s; }

    .my-dots { display:flex; gap:6px; align-items:center; }
    .my-dots .dot { width:8px; height:8px; border-radius:50%; background:#ccc; cursor:pointer; transition:background .2s,transform .2s; }
    .my-dots .dot.active { background:var(--dark); transform:scale(1.3); }

    

  

/* *************************|| MANUFACTURING SECTION END ||********************* */


/* *************************|| Standards SECTION END ||********************* */ 
.jdmc-standards { width: 100%; background: #fff;  padding-bottom: 100px;}
.jdmc-standards .container { position: relative; margin: 0 auto; padding: 0 24px 10px 0px; display: flex; align-items: center; gap: 24px; }
.jdmc-standards .container::after {content: ""; position: absolute; width: 100%; height: 2px; background-color: #ececec; bottom: 0; z-index: 1;border-radius: 10px;}
.jdmc-standards .container::before {content: ""; position: absolute; width: 40%; height: 2px; background-color: black; bottom: 0; z-index: 2; border-radius: 10px;}
.jdmc-standards .section-label { min-width: 130px; font-size: 14px; font-weight: 700; color: #1a1a1a; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.3px; padding-right: 20px; white-space: nowrap;}
.jdmc-standards .swiper-outer { flex: 1; display: flex; align-items: center; gap: 8px; overflow: hidden; }
.jdmc-standards .standardMySwiper {flex: 1; overflow: hidden;}
.jdmc-standards .swiper-slide { display: flex; justify-content: center; align-items: center;}
.jdmc-standards .img-wrapper { height: 88px; width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 4px; background: #fff; transition: border-color 0.2s, box-shadow 0.2s;} 
.jdmc-standards .img-wrapper:hover { border-color: #bbb; box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
.jdmc-standards .img-wrap { height: 55px; width: 110px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.jdmc-standards .img-wrap img { width: 100%; height: 100%; object-fit: contain;}
.jdmc-standards .nav-stack { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0;}
.jdmc-standards .nav-btn { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #d0d0d0; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s, border-color 0.2s; color: #555;}
.jdmc-standards .nav-btn:hover {background: #f0f0f0;border-color: #aaa;}
.jdmc-standards .nav-btn svg { width: 10px;height: 10px;}
.jdmc-standards .nav-btn.swiper-button-disabled {opacity: 0.35;cursor: default;}  
 
/* *************************|| Standards SECTION END ||********************* */



/* *************************|| STRENGTH SECTION START ||********************* */
.strength-section{background-color: #242424; position: relative; overflow: hidden;}
.strength-img{position: absolute; inset: 0; z-index: 0;}
.strength-img img{width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.60;}
.strength-section-bg-overlay{position: absolute; inset: 0; background: rgb(38 32 32 / 93%);}
.strength-section .container{position: relative;}
.strength-section .container .row{align-items: center;}
.left-content .title{font-weight: 600; font-size: 40px; color: #fff;}
.left-content .description{font-weight: 500; font-size: 15px; color: rgba(255, 255, 255, 0.90); line-height: 1.5; max-width: 415px; width: 100%;}
.left-content a{display: inline-flex; align-items: center; justify-content: center; background: var(--mainShade); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 24px 24px; text-decoration: none; width: fit-content; transition: background 0.2s; margin: 30px 0 53px;}
.result{background-color: rgba(255, 255, 255, 0.10); filter: blur(0.4px); padding: 30px;}
.result .result-title{font-size: 13px; font-weight: bold; color: var(--shades01); text-transform: uppercase; letter-spacing: 0.2px; margin: 0 0 20px;}
.result ul{display: flex; gap: 10px; list-style: none; margin: 0; padding: 0;}
.result ul li { display: flex; gap: 5px; flex-direction: column; font-weight: 600; font-size: 13px; line-height: 1.3; color: rgba(255, 255, 255, 0.90); max-width: 122px; width: 100%;}
.result ul li strong{font-size: 40px; font-weight: 900; color: var(--shades01);}
.result ul li strong sub{font-weight: 300; bottom: 0; left: 3px;}
.result ul li:nth-child(2) { margin: 0 42px 0 0;}
.top-icon { background: var(--mainShade); width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; margin: 0 0 0 8px;}
.bottom-icon { background: var(--mainShade); width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: 12px;}
.mid-img {aspect-ratio: 1.1 / 1;}
.strength-section .mid-img img{width: 100%; height: 100%; object-fit: cover;}

/* *************************|| DELIVERY SECTION START ||********************* */
.deliver-section { background-image: linear-gradient(178deg, #E8F5ED, #FFFFFF); padding: 106px 0 89px; border-radius: 0 0 240px 240px; position: relative; z-index: 1;  overflow: hidden;}
.deliver-section::after { background-image: url(../images/map.png); position: absolute; top: 52px; left: 0; right: 0; margin: 0 auto; width: 1260px; height: 680px; content: ""; z-index: -1;}
.deliver-section::before { background-image: url(../images/spiral.png); position: absolute; top: 52px; right: 0; width: 395px; height: 487px; content: ""; z-index: -1; opacity: 0.50;}
.left-col{display: flex; flex-direction: column; gap: 10px;}
.left-col .small-title{color: var(--mainShade); font-weight: 600; font-size: 14px; line-height: 1.6; letter-spacing: 0.2px;}
.left-col .title{color: #262020; font-weight: 600; font-size: 40px;}
.left-col .description{color: #262020; font-weight: 400; font-size: 15px; line-height: 1.4; max-width: 575px; width: 100%; font-family: "Inter", sans-serif;}
.right-col{display: flex; align-items: center; gap: 33px;}
.right-col .number{font-weight: bold; font-size: 120px; color: #000000;}
.right-col .description{font-weight: 600; font-size: 15px; color: #262020; font-family: "Inter", sans-serif; line-height: 1.6;}
.right-col .description{font-weight: 600; font-size: 15px; color: #262020; font-family: "Inter", sans-serif; line-height: 1.6;}
.deliver-section .mid-title{font-weight: 600; font-size: 22px; line-height: 1.2; text-align: center; margin: 87px 0 44px;}
.companies { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 11px;}
.companies li { background: #fff; width: 196px; border: 1px solid rgba(38, 32, 32, 0.10); display: flex; align-items: center; justify-content: center; padding: 10px 0;}
.companies li:last-child{padding: 0;}
.companies li:last-child a { background-color: #000000; font-weight: 600; font-size: 14px; text-decoration: underline; display: flex; width: 100%; height: 100%; color: #fff; align-items: center; justify-content: center;}
.deliver-info-section { padding: 428px 0 150px; background-image: linear-gradient(178deg, #E8F5ED, #FFFFFF); margin: -315px 0 0;}
.deliver-info-section .inner-info{position: relative;}
.info-content { position: absolute; top: 31px; left: 29px;}
.deliver-info-section .inner-info .title{font-weight: 600; font-size: 40px; color: #fff; max-width: 526px; margin: 0 0 12px;}
.deliver-info-section .inner-info .sub-title{font-weight: 600; font-size: 18px; color: rgba(255, 255, 255, 0.70); max-width: 477px; width: 100%;}
.deliver-info-section .inner-info img{width: 100%; height: 100%; object-fit: cover;}
.inner-info{background-color: var(--shades02);}
.inner-info .bottom-info { display: flex; align-items: center; gap: 22px; position: absolute; bottom: 27px; left: 30px;}
.inner-info .bottom-info .contact-btn{display: inline-flex; align-items: center; justify-content: center; background: var(--mainShade); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 20px 32px; text-decoration: none; width: fit-content; transition: background 0.2s;}
.inner-info .bottom-info span{background: #fff; width: 39px; height: 39px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #262020; font-weight: 500; font-size: 12px;}
.bottom-info .phone-info { display: flex; flex-direction: column; gap: 4px;}
.bottom-info .phone-info h5{ font-weight: bold; font-size: 11px; color: rgba(255, 255, 255, 0.60); text-transform: uppercase; letter-spacing: 0.6px;}
.bottom-info .phone-info a{ font-weight: bold; font-size: 18px; color: var(--shades01);}


/* **************************|| FOOTER START ||***************************** */
/* ── Footer Base ── */
.jdmc-footer { background: #111; color: #fff;}
.jdmc-newsletter-strip { background: #242424; padding: 0; margin: -44px 0 0; position: relative;}
.jdmc-newsletter-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 26px 24px; flex-wrap: wrap;}
.jdmc-newsletter-text .title {font-size: 19px;font-weight: bold;color: #fff;margin: 0 0 9px;}
.jdmc-newsletter-text .sub-title{font-size: 13px;color: rgba(255, 255, 255, 0.70);margin: 0;font-weight: 500;}
.jdmc-newsletter-form {display: flex;align-items: stretch;gap: 10px;flex: 1;max-width: 500px;overflow: hidden;}
.jdmc-newsletter-form input {flex: 1;background: transparent;outline: none;padding: 17px 20px;font-size: 13px;color: #fff;font-family: inherit;border: 1px solid #fff;}
.jdmc-newsletter-form input::placeholder {color: rgba(255,255,255,0.40);}
.jdmc-newsletter-form button { background: #fff; color: #111; border: none; padding: 14px 28px; font-size: 11px; font-weight: 800; letter-spacing: 1px; cursor: pointer; transition: background 0.2s; white-space: nowrap; font-family: inherit;}
.jdmc-newsletter-form button:hover {background: #f0f0f0;}
.jdmc-footer-main {padding: 60px 0 48px;}
.jdmc-footer-logo {display: block;margin-bottom: 20px;}
.jdmc-footer-logo img {height: 48px;width: auto;}
.jdmc-footer-about { font-size: 13px; color: rgba(255, 255, 255, 0.80); line-height: 1.75; margin: 0 0 24px; font-weight: 500;}
.jdmc-footer-divider { height: 1px; background: rgba(255,255,255,0.12); margin-bottom: 20px;}
.jdmc-follow-label { font-size: 12px; font-weight: 700; color: #fff; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 14px;}
.jdmc-social-icons {display: flex;gap: 10px;}
.jdmc-social-icons a {width: 40px;height: 40px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;color: #1C2B33;font-size: 18px;text-decoration: none;transition: all 0.2s;}
.jdmc-social-icons a:hover { background: var(--mainShade); color: #fff;}
.jdmc-footer-col-title { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 20px; letter-spacing: 0.3px;}
.jdmc-footer-links { list-style: none; padding: 0; margin: 0 0 32px; display: flex; flex-direction: column; gap: 12px;}
.jdmc-footer-links li a { font-size: 13px; color: rgba(255, 255, 255, 0.70); text-decoration: none; transition: color 0.2s;}
.jdmc-footer-links li a:hover {color: var(--mainShade);}
.jdmc-brochure-label { font-size: 12px; font-weight: 600; color: #fff; letter-spacing: 0.8px; text-transform: uppercase; line-height: 1.5; margin: 0; max-width: 150px; width: 100%;}
.jdmc-brochure-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--mainShade); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; padding: 18px 18px; text-decoration: none; transition: background 0.2s; white-space: nowrap;}
.jdmc-brochure-btn i {font-size: 14px;}
.jdmc-brochure-btn:hover {background: #b81f20;color: #fff;}

/* ── Contact Items ── */
.jdmc-footer-contact { display: flex; flex-direction: column; gap: 24px;}
.jdmc-contact-item { display: flex; align-items: flex-start; gap: 25px;}
.jdmc-contact-icon {display: flex;align-items: center;justify-content: center;font-size: 30px;color: rgba(255, 255, 255, 0.40);flex-shrink: 0;margin-top: 2px;}
.jdmc-contact-icon i{font-weight: 300;}
.jdmc-contact-text .title { font-size: 11px; font-weight: 700; color: #fff; letter-spacing: 0.8px; text-transform: uppercase; margin: 0 0 6px;}
.jdmc-contact-text { font-size: 13px; color: rgba(255, 255, 255, 0.70); line-height: 1.6; margin: 0; font-weight: 500;}
.jdmc-contact-text a { color: rgba(255,255,255,0.55); text-decoration: none; transition: color 0.2s;}
.jdmc-contact-text p a:hover {color: var(--mainShade);}
/* ── Footer Bottom ── */
.jdmc-footer-bottom {border-top: 1px solid rgba(255,255,255,0.10);padding: 20px 0;}
.jdmc-footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;}
.jdmc-footer-bottom-inner p { font-size: 12px; color: rgba(255, 255, 255, 0.70); margin: 0; letter-spacing: 0.3px; font-weight: 500;}
.jdmc-goto-top { display: inline-flex; align-items: center; gap: 10px; color: #262020; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; padding: 9px 14px; text-decoration: none; transition: all 0.2s; border-radius: 2px; background: #fff;}
.jdmc-goto-top i { background: var(--mainShade); width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; font-size: 12px; border-radius: 2px; color: #ffffff;}
.jdmc-goto-top:hover { background: rgba(255,255,255,0.08); color: #fff;}
.jdmc-footer-main .row > div:nth-child(2) { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12); padding: 0 46px; margin: 0 50px;}
.wrap-link {display: flex;justify-content: space-between;}
.jdmc-footer-brochure { display: flex; align-items: center; justify-content: space-between;}

 
 

/* ************************|| ABOUT PAGE START ||*************************** */


/* ************************|| ABOUT PAGE ACHIEVEMENT START ||*********************** */


/* ***********************|| ABOUT PAGE MEET MINDS START ||************************ */


/* ***********************|| PRODUCTS PAGE START ||*********************** */


/* **********************|| DESIGN PAGE START ||************************ */



/* ************************|| SUPPORT PAGE START ||******************** */


/* ************************|| SUPPORT PAGE SUPPORT SECTION ||********************* */


/* ************************|| UNDER SUPPORT PAGE EDDM PAGE ||************************** */


/* ******************************|| THEME PAGE START ||************************* */




/* ******************************|| THEME PAGE END ||************************* */

/* ******************************|| GET START PAGE START ||************************* */

/* ******************************|| GET START PAGE END ||************************* */


/* ******************************|| PRODUCT PAGE START ||************************* */

/* ******************************|| PRODUCT PAGE END ||************************* */

/* ── Responsive ── */
 

 

 


/* ******************************|| RESPONSIVE START ||************************* */
@media screen and (max-width: 1600px){
  .navigation-wrap .navigation-menu {  padding-left: 38px;}
  .navigation-wrap .navigation-menu .menu-item .menu-link{padding: 6px 11px; font-size: 13px;}
  .award-section .award-wrapper{gap: 9px;}
  .award-section .award-wrapper div span{font-size: 11px;}
  .product-detail-img-wrap{height: 100%; aspect-ratio: auto;}
  .promo-countdown{gap: 6px;}
}

@media screen and (max-width: 1540px){
  
}

@media screen and (max-width: 1440px){
  
}

@media screen and (max-width: 1366px){
  .navigation-wrap .navigation-menu{gap: 12px;} 
  .countdown-item{width: 87px; height: 87px;} 
  .featured-product-trust{flex-wrap: nowrap;}
  .navigation-wrap .navigation-menu .menu-item .menu-link { padding: 6px 10px; font-size: 11px; }
  .jdmc-footer-contact {margin-top: 20px;} 
}

@media screen and (max-width: 1280px){ 
  .jdmc-about-content { padding: 48px 36px 48px 40px; }
  .jdmc-about-card { padding: 36px 32px; }
  .jdmc-products-title { font-size: 26px; padding: 16px 24px; }
  .jdmc-tab { padding: 16px 14px; font-size: 10px; }
  .jdmc-category-info { width: 200px; } 
}
@media screen and (max-width: 1200px){
  header .main-header {  height: 80px; }
   .navigation { gap: 10px;} 
  .navigation-wrap .navigation-menu {  padding-left: 30px; font-size: 10px;} 
  .navigation-wrap .navigation-menu {font-size: 10px;} 
  .main-header .brand .logo { width: 80px; }
  .navigation-wrap .navigation-menu .menu-item .menu-link { font-size: 10px;}
  .active-contact {font-size: 10px; }
  .header-callback-btn {  font-size: 10px;  padding: 14px 10px; }
}
 
@media screen and (max-width: 1166px){
  
  .navigation { gap: 10px;} 
  .navigation-wrap .navigation-menu { gap: 0px; }
 .navigation-wrap .navigation-menu {  padding-left: 30px; font-size: 10px;}
  .main-header .brand .logo { width: 80px; } 
  
}

@media screen and (max-width: 1024px){
  .hero-section { padding: 60px 0; }
  .hero-section .hero-content-wrap { max-width: 55%;}
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 32px; }

  .jdmc-strip-inner { flex-direction: column; gap: 16px; text-align: center;}
  .jdmc-strip-desc { border-left: none; padding: 0;}
  .jdmc-products-header {flex-direction: column;align-items: flex-start;}
  .jdmc-products-title { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.10); width: 100%;}
  .jdmc-tabs {width: 100%;overflow-x: auto;}
  .jdmc-products-body {flex-direction: column;}
  .jdmc-category-info {width: 100%;border-right: none;border-bottom: 1px solid rgba(255,255,255,0.10);min-height: auto;}

   .jdmc-products-header {height: 104px;}
  .jdmc-products-title { border-right: none; border-bottom: 1px solid #28302C; width: 100%; }
  .jdmc-tabs { width: 100%; overflow-x: auto; }
  .jdmc-products-body { flex-direction: column; }
  .jdmc-category-info { width: 100%; border-right: none; border-bottom: 1px solid #28302C; min-height: auto; padding: 20px; }
  .jdmc-category-footer { margin-top: 16px; }
  .jdmc-all-btn { width: fit-content; }
  .jdmc-products-slider-wrap { padding: 20px; }

  .jdmc-hero {padding: 40px 0 180px;}
  .jdmc-strip {  margin: -124px 0 0;}
  .jdmc-hero-content {max-width: 400px;}
  .jdmc-hero-title { font-size: 24px; margin: 0 0 14px;}
  .jdmc-hero-cta { flex-direction: column;}
  .jdmc-btn { width: 100%;} 
  .jdmc-strip-text h4 {white-space: normal; font-size: 15px; font-weight: 600; color: #fff; margin: 0; line-height: 1.4; max-width: 190px; width: 100%;}
  .jdmc-strip-desc { font-size: 13px;}
  .jdmc-products { padding: 32px 0 40px; }
  .jdmc-products-title { font-size: 22px; }
  .jdmc-tab { padding: 12px 12px; font-size: 9px; }

  .award-section .award-wrapper { gap: 6px; }
  .award-section .award-wrapper div span { font-size: 10px; }

  .category { padding: 60px 0; }
  .category .main-title { font-size: 28px; }
  .category .sub-title { font-size: 14px; }

  .category-slide { padding: 50px 0 80px; }
  .category-slide .main-title { font-size: 28px; }

  .product-detail-section { padding: 70px 0; }
  .product-detail-info { padding: 0 0 0 24px; gap: 12px; }
  .product-detail-title { font-size: 26px; }

  .why-section { padding: 60px 0 80px; }
  .why-section-title { font-size: 28px; }
  .why-features { padding-left: 20px; }
  .why-feature-item { gap: 18px; padding: 18px 20px; }
  .why-feature-icon { width: 50px; height: 50px; font-size: 18px; }
  .why-feature-text h4 { font-size: 15px; }

  .featured-product-section { padding: 70px 0 80px; }
  .featured-product-info { padding-left: 24px; }
  .featured-product-title { font-size: 22px; }
  .fp-btn-cart, .fp-btn-details { padding: 16px 28px; }

  .why-choose-section { padding: 70px 0 80px; }
  .why-choose-section .main-title { font-size: 28px; }
  .why-choose-left { padding: 32px 0 32px 80px; }
  .why-choose-right { padding: 32px 80px 32px 0; }
  .why-choose-image { width: 260px; margin-top: -14px; margin-bottom: -14px; }
  .why-choose-left .wc-icon { left: -86px; width: 58px; height: 58px; }
  .why-choose-right .wc-icon { right: -86px; width: 58px; height: 58px; }
  .wc-text .title { font-size: 15px; }
  .wc-text .description { font-size: 12px; max-width: 240px; }

  .reviews-section { padding: 70px 0 80px; }
  .reviews-section .main-title { font-size: 28px; }
  .review-card-footer { margin-top: 40px; }

  .promo-section { padding: 70px 0 90px; }
  .promo-section-title { font-size: 32px; }
  .countdown-item { width: 80px; height: 80px; }
  .countdown-num { font-size: 28px; }

  .footer-main { padding: 50px 0 40px; }
  .footer-newsletter-form { width: 100%; }
  .footer-col-links { gap: 14px; }
  header .navigation .navigation-wrap{width: 250px;}
  header .navigation .navigation-wrap.active{transform: translateX(0); opacity: 1;}
  header .navigation .navigation-wrap .navigation-menu{flex-direction: column; justify-content: flex-start; padding-bottom: 40px; width: 100%; padding-left: 0; gap: 0px;} 
  header .navigation .header-options .menu-trigger{display: flex;}
  .brand-nav-wrapper .brand{height: auto;}
  header .main-header{padding: 4px 0 0; height: 50px;}
  header .navigation .navigation-wrap{position: fixed; top: 0; left: 0; width: 300px; height: 100%; background: var(--shades01); z-index: 99; padding: 20px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 50px; transform: translateX(calc(-100% - 60px)); opacity: 0; transition: all 0.3s ease;}
  .header-options .call-to-action.btn{margin: 0;}
  .header-options{justify-content: end; margin-left: auto;}
  .navigation-wrap{justify-content: left;}
  .navigation-wrap .navigation-menu li{width: 100%;}
  .navigation-menu .dropdown-menu{transform: translateX(0%); width: 100%;}
  .navigation-wrap .navigation-menu .menu-item .menu-link.dropdown-toggle{padding: 16px 21px 16px 15px;}
  header .navigation-wrap .navigation-menu .menu-link.dropdown-toggle::after{right: 15px; top: 20px !important;}
  .navigation-wrap .navigation-menu .menu-item .menu-link{padding: 12px 10px; font-size: 14px;}
  .navigation-wrap .navigation-menu {gap: 13px;}
  .navigation-wrap .navigation-menu{gap: 30px;}
  .navigation-wrap .navigation-menu li a{font-size: 15px;}
  .why-choose-left {padding: 36px 32px 36px 80px;}
  .why-choose-right {padding: 36px 80px 36px 32px;}
  .why-choose-image {width: 270px;}
  .why-choose-left .wc-icon { left: -76px; width: 52px; height: 52px;}
  .why-choose-right .wc-icon { right: -76px; width: 52px; height: 52px;} 
  .header-callback-btn {padding: 14px;}
  

  .main-header .container .row{justify-content: space-between; width: 100%;}
  .swiper-wrapper-outer{padding: 0 15px;}
  .hero-card-overlay{top: 0;} 
  .jdmc-strip-icon { width: 60px; height: 60px; }
  .jdmc-about {  padding: 40px 0;}
  .jdmc-standards .img-wrap {height: 50px;width: 70px; }
  .left-content .title {   font-size: 22px; }
  .left-content .description { font-size: 12px; }
  .result {  padding: 24px;}
  .deliver-section {  padding: 66px 0 80px; border-radius: 0 0 120px 120px; }
  .right-col .number { font-size: 80px; }
  .deliver-info-section .inner-info .title { font-size: 22px; }
  .deliver-info-section .inner-info .sub-title { font-size: 13px; }
  .inner-info .bottom-info .contact-btn { padding: 16px 20px; }
  .deliver-info-section {padding: 400px 0 110px; }

  .jdmc-products-slider-wrap .swiper-button-prev { width: 38px !important;  height: 38px !important;}
  .jdmc-products-slider-wrap .swiper-button-next { width: 38px !important;  height: 38px !important;}

  .jdmc-footer-brochure { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; gap: 14px;}
  .jdmc-footer-contact {margin-top: 30px;}
  .jdmc-footer-main .row > div:nth-child(2) { border-left: transparent; border-right: transparent; padding: 30px 10px; margin: 0 0px;}
  .wrap-link { gap: 30px;justify-content: flex-start;}

}

@media screen and (max-width: 990px){
  
  .header-options .call-to-action.btn.desktop{display: none;}
  .right-text ul { justify-content: center;}
  .left-text span {  font-size: 11px;}
  .right-text ul li a {  font-size: 11px; }

  .footer-main {padding: 36px 0 28px;}
  .why-section {padding: 60px 0;}
  .why-features {gap: 18px;}
  .featured-product-info { padding-left: 0; gap: 16px;}
  .why-choose-wrap {flex-direction: column;}
  .why-choose-left { border-radius: 24px 24px 0 0; padding: 36px 24px 36px 24px;}
  .why-choose-right { border-radius: 0 0 24px 24px; padding: 36px 24px 36px 24px;}
  .why-choose-image { width: 100%; z-index: 2;}
  .why-choose-image img {height: 100%;}
  .wc-icon { position: static; transform: none; flex-shrink: 0; width: 48px; height: 48px;}
  .wc-item { gap: 14px; align-items: flex-start;}
  .why-choose-right .wc-item {flex-direction: row-reverse;}
  .rating-summary { flex-direction: column; gap: 28px; padding: 28px 24px;}
  .rating-summary-score {min-width: unset;}
  .rating-summary-bars {width: 100%;}
  .promo-section {padding: 56px 0;}
  .promo-visual {min-height: 400px;}
  .hero-section { padding: 50px 0; }
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 28px; }
  .hero-section .hero-content-wrap .description { font-size: 13px; }
  .hero-section .hero-content-wrap .banner-btn { padding: 16px 32px; }

  .category { padding: 50px 0; }
  .category .main-title { font-size: 24px; }
  .hero-card { aspect-ratio: 4 / 3; }
  .hero-card-title { font-size: 20px; }

  .category-slide { padding: 40px 0 60px; }
  .category-slide .main-title { font-size: 24px; }
  .product-card-name { font-size: 13px; }

  .product-detail-section { padding: 50px 0; }
  .product-detail-info { padding: 24px 0 0 0; }
  .product-detail-title { font-size: 22px; max-width: 100%; }
  /* .product-detail-cta { flex-direction: column; } 
  .btn-add-cart, .btn-buy-now { width: 100%; }*/
  .product-detail-purchase { flex-direction: column; align-items: flex-start; gap: 16px; }

  .why-section { padding: 50px 0 60px; }
  .why-section-title { font-size: 24px; max-width: 100%; }
  .why-features { padding-left: 0; margin: 25px 0 0;}
  .why-feature-item { border-radius: 50px; padding: 14px 18px; gap: 14px; }
  .why-feature-icon { width: 44px; height: 44px; font-size: 16px; }
  .why-feature-text h4 { font-size: 14px; }
  .why-feature-text p { font-size: 12px; }
  .why-slider { margin-top: 28px; }

  .featured-product-section { padding: 50px 0 60px; }
  .featured-product-info { padding-left: 0; padding-top: 24px; }
  .featured-product-title { font-size: 20px; }
  .featured-product-purchase { flex-direction: column; align-items: flex-start; }
  .featured-product-cta { width: 100%; }
  .fp-btn-cart, .fp-btn-details { flex: 1; justify-content: center; padding: 16px 20px; }

  .why-choose-section { padding: 50px 0 60px; }
  .why-choose-section .main-title { font-size: 24px; margin-bottom: 32px; }
  .why-choose-wrap { flex-direction: column; }
  .why-choose-left { border-radius: 24px 24px 0 0; padding: 32px 24px 32px 24px; }
  .why-choose-right { border-radius: 0 0 24px 24px; padding: 32px 24px 32px 24px; }
  .why-choose-image { width: 100%; z-index: 2; margin-top: 0; margin-bottom: 0; }
  .why-choose-image img { height: 100%; border-radius: 0; }
  .wc-icon { position: static; transform: none; flex-shrink: 0; width: 52px; height: 52px; }
  .wc-item { gap: 16px; align-items: flex-start; padding: 17px 0; }
  .why-choose-right .wc-item { flex-direction: row-reverse; padding: 17px 0; }
  .wc-text .title { font-size: 15px; }
  .wc-text .description { max-width: 100%; }

  .reviews-section { padding: 50px 0 60px; }
  .reviews-section .main-title { font-size: 24px; }
  .reviews-section .sub-title { font-size: 14px; }
  .review-card-footer { margin-top: 30px; }
  .rating-summary { flex-direction: column; gap: 24px; padding: 24px; }
  .rating-summary-score { min-width: unset; width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 12px; }
  .rating-summary-bars { width: 100%; }

  .promo-section { padding: 50px 0 60px; }
  .promo-section-title { font-size: 28px; }
  .promo-section-content { gap: 16px; }
  .promo-countdown { gap: 8px; }
  .promo-visual { aspect-ratio: 16 / 10; margin-top: 32px; }

  .footer-main { padding: 40px 0 30px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
  .footer-bottom-policies { gap: 8px 20px; }

  .jdmc-about .container { max-width: 100%; padding: 0;}
  .jdmc-about-content {padding: 48px 24px;}
  .jdmc-about-img {min-height: 360px;}
  .jdmc-about-right {background: #2a2e2a;}
  .jdmc-about-card {padding: 32px 24px;}

  /* **B** */
  .jdmc-footer-main { padding: 48px 0 36px; }
  .jdmc-newsletter-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
  .jdmc-newsletter-form { max-width: 100%; width: 100%; flex-wrap: wrap;}
  .jdmc-about-right {height: 554px;}
  .jdmc-manufacturing-title {font-size: 22px;}
  .manufacturing-section {  padding: 60px 0 40px 0;}
  .strength-section { padding-top: 30px;}

  .companies li { margin: 0 auto;}
  /* **B** */
  

}

@media screen and (max-width: 990px) and (orientation: landscape){}

@media screen and (max-width: 768px){
  .hero-section { padding: 40px 0;}
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 24px; }
  .hero-section .hero-content-wrap .banner-btn { padding: 14px 24px; }
  .hero-section .banner-list { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .hero-section .banner-list span { font-size: 8px; }

  .award-section .award-wrapper { gap: 0; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
  .award-section .award-wrapper div { padding: 10px 14px; flex-shrink: 0; }

  .category { padding: 40px 0; }
  .category .main-title { font-size: 22px; }
  .category .sub-title { font-size: 13px; margin-bottom: 28px; }

  .category-slide { padding: 36px 0 50px; }
  .category-slide .main-title { font-size: 22px; }
  .category-slide .nav.nav-tabs { max-width: 320px; gap: 10px; }
  .category-slide .nav-link { padding: 12px 24px; font-size: 9px; }
  .product-btn { width: 100%; max-width: 280px; }

  .product-detail-section { padding: 40px 0; }
  .product-detail-title { font-size: 20px; }
  .product-detail-info { gap: 12px; }
  .product-detail-badge { padding: 8px 12px; font-size: 10px; }
  .product-detail-price-wrap .price-current { font-size: 22px; }
  .price-tax { margin-left: 0; display: block; width: 100%; }
  .model-btn.active { padding: 12px; }

  .why-section { padding: 40px 0 50px; }
  .why-section-tag { font-size: 10px; padding: 10px 18px; }
  .why-section-title { font-size: 22px; }
  .why-section-desc { font-size: 13px; }
  .why-btn { padding: 16px 28px; font-size: 10px; }
  .why-feature-item { padding: 12px 14px; border-radius: 40px; }
  .why-feature-icon { width: 38px; height: 38px; font-size: 14px; border-radius: 12px; }
  .why-feature-text h4 { font-size: 13px; }
  .why-feature-text p { font-size: 11px; }

  .featured-product-section { padding: 40px 0 50px; }
  .featured-product-badge { font-size: 9px; padding: 10px 14px; }
  .featured-product-title { font-size: 18px; }
  .featured-product-desc { font-size: 13px; }
  .fp-price { font-size: 24px; }
  .fp-btn-cart, .fp-btn-details { padding: 14px 16px; font-size: 10px; }
  .trust-item i { font-size: 18px; }
  .trust-item div span { font-size: 11px; }

  .why-choose-section { padding: 40px 0 50px; }
  .why-choose-section .main-title { font-size: 22px; margin-bottom: 24px; }
  .wc-icon { width: 44px; height: 44px; }
  .wc-text .title { font-size: 14px; }
  .wc-text .description { font-size: 12px; }

  .result ul li strong { font-size: 30px; }

  .reviews-section { padding: 40px 0 50px; }
  .reviews-section .main-title { font-size: 22px; }
  .review-card { padding: 18px; }
  .review-card-avatar { width: 48px; height: 48px; }
  .review-card-info h5 { font-size: 13px; }
  .review-card-body { font-size: 13px; }
  .review-card-footer { margin-top: 16px; }
  .rating-big { font-size: 32px; }
  .rating-summary { padding: 20px 16px; gap: 16px; }

  .promo-section { padding: 40px 0 50px; }
  .promo-section-title { font-size: 24px; }
  .promo-section-badge { font-size: 9px; padding: 10px 14px; }
  .promo-countdown { gap: 6px; }
  .countdown-item { width: 72px; height: 72px; }
  .countdown-num { font-size: 24px; }
  .countdown-label { font-size: 9px; }
  .promo-copy-btn { padding: 12px 16px; font-size: 11px; }
  .promo-claim-btn { justify-content: center; }
  .promo-visual { margin-top: 24px; aspect-ratio: 4 / 3; }
  .pest-icon { width: 55px; height: 55px; }
  .pest-icon img { width: 30px; height: 30px; }
  .pest-item span { font-size: 9px; }
  .promo-safe-text h4 { font-size: 13px; }
  .promo-warranty { width: 80px; height: 80px; }
  .warranty-num { font-size: 20px; }
  .warranty-year { font-size: 12px; }

  .footer-main { padding: 32px 0 24px; }
  .footer-logo img { height: 52px; }
  .footer-newsletter-form { width: 100%; }
  .footer-col-title { margin-bottom: 14px; }
  .footer-col-links { gap: 12px; }
  .footer-copyright-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
  .footer-goto-top { font-size: 10px; }
  .hero-card {aspect-ratio: 3 / 2;}
  .hero-card-product { width: 32%; bottom: 44px; right: 16px;}
  .hero-card-content { max-width: 60%; left: 16px; bottom: 20px;}
  .hero-card-title {font-size: 20px;}
  .hero-card-desc {font-size: 12px;}
  .footer-bottom .container {flex-direction: column; align-items: flex-start;}
  .footer-bottom-policies {gap: 8px 16px;}
  .footer-copyright-inner {flex-direction: row; align-items: center;}
  .product-detail-img-wrap {min-height: 320px;}
  .product-detail-info {padding: 28px 20px;gap: 18px;}
  /* .product-detail-cta {flex-direction: column;} 
  .btn-add-cart, .btn-buy-now {width: 100%;}*/
  .why-section-cta {flex-wrap: nowrap;}
  .why-btn { width: 100%; justify-content: center;}
  .why-feature-item { padding: 12px 14px; gap: 14px;}
  .why-feature-icon { width: 38px; height: 38px; font-size: 15px;}
  .featured-product-section {padding: 48px 0;}
  .featured-product-purchase { flex-direction: column; align-items: flex-start; gap: 14px;} 
  .featured-product-cta {width: 100%;}
  .fp-btn-cart, .fp-btn-details { flex: 1; justify-content: center;}
  .trust-divider {display: none;}
  .trust-item {min-width: 140px;}
  .reviews-section {padding: 56px 0 40px;}
  .rating-summary {padding: 24px 16px;}
  .countdown-item { width: 68px; height: 68px;}
  .countdown-num {font-size: 22px;}
  .promo-product-img {width: 38%;}
  .promo-safe-text h4 {font-size: 15px;}
  .featured-product-trust{gap: 53px;}

  .jdmc-about-content {padding: 40px 20px;}
  .jdmc-about-title {font-size: 28px;}
  .jdmc-about-img {min-height: 280px;}
  .jdmc-about-card {padding: 28px 20px;}
  .jdmc-about-card-title {font-size: 20px;}
  .jdmc-about-btn {width: 100%;justify-content: center;}

  /* *B* */
  .jdmc-footer-main { padding: 36px 0 28px; }
  .jdmc-newsletter-form button { padding: 14px 18px; font-size: 10px; }
  .jdmc-footer-bottom-inner { flex-direction: column; align-items: flex-start; }
  .jdmc-goto-top { width: 100%; justify-content: center; } 
    .deliver-info-section .inner-info { position: relative; height: 230px;}
  /* *B* */
}
 

@media screen and (max-width: 640px){ 
  .main-header .brand .logo { width: 60px;  }
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 22px; }
  .hero-section .hero-content-wrap .description { font-size: 12px; margin: 8px 0 20px; } 

  .jdmc-about-img {  min-height: 570px; }

      .jdmc-hero {
        padding: 40px 0 300px;
    }

    .jdmc-strip {
        margin: -240px 0 0;
    }
   .jdmc-strip-left {
        flex-direction: column;
    }


  .top-icon {  width: 90px; height: 90px; }
  .bottom-icon { width: 90px; height: 90px; }



  .right-text ul{justify-content: center;}

  .category .main-title { font-size: 20px; }
  .hero-card { aspect-ratio: 3 / 2; }
  .hero-card-title { font-size: 18px; }
  .hero-card-content { max-width: 65%; }

  .category-slide .main-title { font-size: 20px; }
  .category-slide .nav.nav-tabs { max-width: 280px; }
  .category-slide .nav-link { padding: 10px 18px; }

  .product-detail-title { font-size: 18px; }
  .product-detail-badge { font-size: 9px; }
  .product-detail-section { padding: 32px 0; }
  .btn-add-cart, .btn-buy-now { padding: 16px 20px; font-size: 11px; }

  .why-section-title { font-size: 20px; }
  .why-feature-item { gap: 12px; padding: 10px 12px; }
  .why-feature-icon { width: 34px; height: 34px; font-size: 13px; border-radius: 10px; }

  .featured-product-title { font-size: 16px; }
  .fp-price { font-size: 22px; }

  .why-choose-section .main-title { font-size: 20px; }
  .why-choose-image { height: 230px; }
  .wc-icon { width: 40px; height: 40px; }

  .reviews-section .main-title { font-size: 20px; }
  .review-card-score { font-size: 15px; }

  .promo-section-title { font-size: 22px; }
  .countdown-item { width: 64px; height: 64px; }
  .countdown-num { font-size: 20px; }
  .promo-pest-icons { gap: 12px; }
  .pest-icon { width: 48px; height: 48px; }
  .pest-icon img { width: 26px; height: 26px; }

  .tab-swiper{height:260px;}
  .info-panel{width:100%;position:relative;}
  .cap-frame{display:flex;flex-direction:column;} 

  .footer-bottom-policies { gap: 8px 12px; }
  .footer-bottom-social { flex-wrap: wrap; gap: 10px; }
  .header-options .contact{font-size: 14px;}
  header .navigation .header-options .menu-trigger { width: 23px; height: 30px; margin: 0;}
  .why-choose-section {padding: 52px 0;}
  .why-choose-section .main-title {font-size: 26px;}
  .wc-icon { width: 40px; height: 40px;}
  .wc-text h4 {font-size: 14px;}
  .wc-text p {font-size: 12.5px;}

 

}

@media screen and (max-width: 480px){
  .navigation-wrap .navigation-menu .menu-item .menu-link { padding: 10px 0px; font-size: 12px;}
  

  .hero-section { padding: 32px 0; }
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 20px; }
  .hero-section .banner-list { grid-template-columns: repeat(3, 1fr); }

  .hero-card { aspect-ratio: 1 / 1; }
  .hero-card-content { max-width: 70%; bottom: 14px; left: 14px; }
  .hero-card-product { width: 25%; bottom: 40px; right: 10px; }
  .hero-card-btn { padding: 8px 14px; font-size: 10px; }

  .category-slide .nav.nav-tabs { max-width: 77%; padding: 6px; }
  .category-slide .nav-link { padding: 10px 14px; }
  .product-card-img { padding: 30px; }

  .product-detail-title { font-size: 16px; }
  .qty-btn { width: 32px; height: 32px; font-size: 16px; }
  .qty-value { width: 36px; font-size: 13px; }

  .why-choose-image { height: 100%; }
  .wc-text .title { font-size: 13px; }
  .wc-text .description { font-size: 11px; }

  .review-card { padding: 14px;}
  .review-card-avatar { width: 40px; height: 40px; }
  .rating-summary { padding: 16px 12px; }
  .rating-big { font-size: 28px; }

  .jdmc-about-content { padding: 30px 20px; }
  .jdmc-about-img { min-height: 500px; }
  .jdmc-about-card {justify-content: flex-start;}
  .jdmc-about-card {padding: 20px 16px;}
  .jdmc-about-right { right: 6px;max-width: 362px; top: 10px;height: 480px;}
  .manufacturing-section { padding: 40px 0 40px 0;  }

  .info-panel {  padding: 20px 18px 0px; }
  .info-panel h2 { font-size: 20px; }
  .info-panel p { font-size: 13px; }
 
  .promo-section-title { font-size: 20px; }
  .countdown-item { width: 70px; height: 70px; gap: 4px; }
  .countdown-num { font-size: 18px; }
  .countdown-label { font-size: 8px; }
  .promo-code-value { font-size: 13px; }
  .promo-code-label { font-size: 10px; }
  .promo-visual { aspect-ratio: 1 / 1; width: 100%;}
  .promo-pest-icons { gap: 8px; }
  .pest-icon { width: 42px; height: 42px; }
  .pest-icon img { width: 22px; height: 22px; }
  .pest-item span { font-size: 8px; }
  .promo-warranty { width: 77px; height: 77px; }
  .warranty-num { font-size: 16px; }
  .warranty-year { font-size: 10px; }

  .footer-logo img { height: 44px; }
  .footer-col-title { font-size: 11px; }
  .footer-col-links li a { font-size: 12px; }
  .footer-contact-icon { font-size: 22px; }
  .footer-contact-label { font-size: 11px; }
  .footer-contact-text { font-size: 12px; }
  .footer-bottom-policies a { font-size: 10px; }
  .footer-social-icons a { font-size: 15px; }
  .hero-card-product {width: 28%;}
  .hero-card-content {max-width: 65%;}
  .hero-card-btn { padding: 9px 18px; font-size: 11px;}
  .featured-product-trust{gap: 20px; flex-wrap: wrap;} 
  header .main-header{padding: 9px 0 10px; height: auto;}
  .main-header .container .row{justify-content: center;}
  .main-header .container{max-width: 100%;}
  .main-header .cart-icon-wrap .cart-badge{width: 20px; height: 20px;}
  header .navigation .navigation-wrap{width: 200px;}
  .hero-section .hero-content-wrap{max-width: 100%;}
  .swiper-wrapper-outer{padding: 0;}
  .why-section-cta{flex-wrap: wrap;}
  .why-feature-item{border-radius: 10px;}
  .hero-section{position: relative; z-index: 1;}
  .hero-section::after{position: absolute; background-color: rgba(0, 0, 0, 0.5); content: ""; top: 0; width: 100%; height: 100%; z-index: -1;}
  .hero-section .hero-content-wrap .main-banner-heading{color: var(--shades01);}
  .hero-section .hero-content-wrap .description{color: var(--shades01);}
  .hero-section .banner-list span{color: var(--shades01);}
  .hero-section .banner-list span:nth-child(2)::before{left: 104px;}
  .hero-section .banner-list span:nth-child(2)::after{right: 119px;}
  .top-header{height: 38px;}
  .main-header .container .col{padding: 0;}

  .main-header .account-label { display: none; }
  .main-header .cart-icon-wrap .cart-text { display: none; }
  .main-header .header-divider { display: none;}
  .header-options { gap: 6px; }
  .main-header .header-icon-btn .fa-heart,
  .main-header .header-icon-btn .fa-user,
  .main-header .cart-icon-btn .fa-cart-shopping { font-size: 22px; }
  .main-header .cart-icon-btn{position: relative;}
  .main-header .cart-icon-btn .cart-icon-wrap{position: absolute; top: -11px; right: -14px;}
  .promo-visual-bottom{background-image: linear-gradient(to top, black, transparent);}
  .promo-countdown{gap: 17px;}

  /* Single line: hamburger left, logo center, icons right */
  .main-header .container .row {flex-wrap: nowrap;justify-content: space-between;align-items: center;} 
  .main-header .brand .logo {width: 130px;} 
  .navigation {gap: 6px;justify-content: flex-end;align-items: center;} 
  header .main-header {height: auto;padding: 10px 0;}

  /* **B** */
  .jdmc-strip-desc { font-size: 13px;}
  .jdmc-footer-logo img { height: 38px; }
  .jdmc-social-icons a { width: 36px; height: 36px; font-size: 13px; }
  .jdmc-brochure-btn { width: 100%; justify-content: center; }

   

  .left-text span {  font-size: 9px;}
  .right-text ul li a { font-size: 9px; }
  .main-header .brand .logo { width: 52px;}
  .active-contact {font-size: 12px;}
  .header-callback-btn { padding: 10px; font-size: 8px; }
  .jdmc-hero-title { font-size: 20px; margin: 0px 0 10px;}
  .jdmc-hero-desc { max-width: 100%; font-size: 12px;}
  .jdmc-btn {  font-size: 10px;  padding: 14px 40px; }
  .jdmc-strip-left { flex-direction: column;}

  .jdmc-hero {  padding: 40px 0 270px; } 
  .jdmc-strip {  margin: -240px 0 0;} 
  .jdmc-products-title {padding: 10px 16px;}
  .jdmc-products-header {  flex-wrap: nowrap; height: 94px;}
  .result ul { flex-direction: column; margin: 0 auto;}
  .result ul li{margin: 0 auto; text-align: center;}
  .result ul li:nth-child(2) { margin: 0 auto;}
  .result ul li strong{text-align: center;}
  .left-col {gap: 6px;}
  .left-col .title {font-size: 22px;}
  .left-col .description {  font-size: 13px; }
  .right-col .number { font-size: 60px;}
  .right-col .description { font-size: 13px; }
  ::-webkit-scrollbar { width: 4px;    height: 4px;  }

  .jdmc-standards {  padding-bottom: 40px;}
  .jdmc-standards .container {  padding: 0 0px 10px 0px;  gap: 10px;}
  .jdmc-standards .section-label { min-width: 100px; font-size: 12px;  padding-right: 10px; }

  .top-icon { width: 80px; height: 80px; }
  .bottom-icon { width: 80px; height: 80px;}

  .ctrl { gap: 4px;}
  .swiper-btn { width: 35px; height: 35px; }

  .deliver-section { padding: 66px 0 40px; border-radius: 0 0 70px 70px;}
  .deliver-section .mid-title { margin: 44px 0 44px;}

  .deliver-info-section .inner-info {height: 300px;}
  .deliver-info-section {padding: 350px 0 80px;}
  .info-content { position: absolute; top: 10px; left: 10px;} 
  .deliver-info-section .inner-info .title {  font-size: 22px; } 
  .deliver-info-section .inner-info .sub-title { font-size: 13px; } 
  .inner-info .bottom-info { flex-direction: column;gap: 10px; bottom: 10px;left: 10px;}
  .inner-info .bottom-info .contact-btn { font-size: 10px; padding: 12px 12px; }
  .bottom-info .phone-info a {  font-size: 12px; }
  .inner-info .bottom-info span { width: 30px;height: 30px; }
    
  /* **B** */
}

@media screen and (max-width: 375px){
  .hero-section .hero-content-wrap .main-banner-heading { font-size: 18px; }
  .category .main-title { font-size: 18px; }
  .category-slide .main-title { font-size: 18px; }
  .product-detail-title { font-size: 15px; }
  .why-section-title { font-size: 18px; }
  .featured-product-title { font-size: 15px; }
  .why-choose-section .main-title { font-size: 18px; }
  .reviews-section .main-title { font-size: 18px; }
  .promo-section-title { font-size: 18px; }
  .countdown-item { width: 54px; height: 54px; }
  .countdown-num { font-size: 16px; }
  .promo-pest-icons { gap: 6px; }
  .pest-icon { width: 38px; height: 38px; }
  .pest-icon img { width: 20px; height: 20px; }
  .footer-newsletter-form { padding: 8px 6px 8px 14px; }
}