.main-content {background:#ffffff;padding-bottom:5rem;}

.product-page {display:flex;flex-direction:column;position:relative;align-items:stretch;}
@media (min-width:992px) {
.product-page {flex-direction:row;}
}

/* ===== Sidebar ===== */
.sidebar {width:100%;flex-shrink:0;background:#ffffff;display:flex;flex-direction:column;padding-top:7.5rem;}
@media (min-width:992px) {
.sidebar {width:320px;border-right:1px solid rgba(0,0,0,0.05);}
}
@media (min-width:1024px) {
.sidebar {padding-right:3rem;}
}
.sidebar .space {display:flex;flex-direction:column;gap:3rem;}

.side-menu{}
.side-menu .nav-label{font-size:10px;font-weight:900;letter-spacing:0.4em;color:rgba(0,0,0,0.3);margin-bottom:16px;text-transform:uppercase;}
.side-menu .title{font-size:12px;font-weight:700;letter-spacing:0.3em;color:#fff;margin-bottom:1rem;text-transform:uppercase;position:relative;padding: 1rem 1.25rem;background:#000000;}
.side-menu .title::after{display:none;font-family:"qico";content: "\e727";position:absolute;right:0.5rem;top:calc(50% - 1rem);width:2rem;height:2rem;line-height:2rem;font-size:20px;text-align:center;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.side-menu .title.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.side-menu > ul{}
.side-menu > ul > li{transition:all 0.3s ease;border-bottom:1px solid rgba(0,0,0,0.03);color:rgba(0,0,0,0.5);background:transparent;}
.side-menu > ul > li+li{margin-top:4px;}
.side-menu > ul > li h5{padding:1rem 0.5rem 1rem 1.25rem;cursor:pointer;position:relative;display:flex;justify-content:space-between;}
.side-menu > ul > li h5 a{font-size:12px;font-weight:700;display:block;color:inherit;flex:1;}
.side-menu > ul > li h5 span{width:22px;height:22px;line-height:22px;overflow:hidden;display:block;text-align:center;transition:all 0.3s ease 0s;}
.side-menu > ul > li h5 span::after{font-family:"qico";content:"\e699";font-size:1rem;display:inline-block;transition:all 0.3s ease 0s;}

.side-menu > ul > li ul {display:none;}
.side-menu > ul > li ul li{line-height:24px;border-bottom:1px solid #f2f2f2;padding:0 20px;position:relative;}
.side-menu > ul > li ul li:last-child {border-bottom:none;}
.side-menu > ul > li ul li a{font-size:12px;display:block;color:#484848;padding:8px 40px 8px 15px;text-transform:capitalize;position:relative;}
.side-menu > ul > li ul li a::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#333;position:absolute;left:0;top:0.9rem;}

.side-menu > ul > li ul li.active > a,.side-menu > ul > li ul li > a:hover {color:#000;}


.side-menu > ul > li:hover{color:#000000;background:rgba(0,0,0,0.02);}
.side-menu > ul > li.active{background:rgba(0,0,0,0.02);}

.side-menu > ul > li.active h5{color:#000;border-bottom:1px solid #e2e2e2;}
.side-menu > ul > li.active h5 > span::after{transform:rotate(180deg);}



@media (max-width:992px) {
.side-menu .nav-label{display:none;}
.side-menu .title::after{display:block;}
.side-menu ul{display:none;}
.sidebar{padding-top:3rem;}
}


/* ===== Inquiry Card ===== */
.inquiry-card-wrap {position:relative;}
.inquiry-card-wrap .gradient-bg {position:absolute;inset:-2px;background:linear-gradient(to right,rgba(0,0,0,0.05),rgba(0,0,0,0.1));border-radius:2px;filter:blur(4px);opacity:0.75;transition:opacity 1s ease;}
.inquiry-card-wrap:hover .gradient-bg {opacity:1;transition-duration:200ms;}
.inquiry-card {position:relative;padding:2rem 1.2rem;background:#ffffff;border:1px solid rgba(0,0,0,0.05);border-radius:2px;}
.inquiry-card .header {margin-bottom:32px;border-left:4px solid #000;padding-left:12px;}
.inquiry-card .header .label {font-size:9px;color:rgba(0,0,0,0.4);text-transform:uppercase;letter-spacing:0.4em;font-weight:900;line-height:1;margin-bottom:4px;}
.inquiry-card .header .title {font-size:14px;color:#000000;font-weight:900;text-transform:uppercase;letter-spacing:0.1em;}
.inquiry-card form {display:flex;flex-direction:column;gap:20px;}
.inquiry-card input,.inquiry-card textarea {width:100%;background:#fafafa;border:none;border-bottom:1px solid rgba(0,0,0,0.1);padding:1rem 10px;font-size:10px;font-weight:700;letter-spacing:0.2em;transition:border-color 0.3s ease;}
.inquiry-card input:focus,.inquiry-card textarea:focus {border-bottom-color:#000000;}
.inquiry-card input::placeholder,.inquiry-card textarea::placeholder {color:rgba(0,0,0,0.2);}
.inquiry-card textarea {resize:none;rows:3;}
.inquiry-card .btn-submit {position:relative;width:100%;overflow:hidden;background:#000000;color:#ffffff;padding:20px;font-size:10px;font-weight:900;letter-spacing:0.4em;text-transform:uppercase;transition:all 0.5s ease;cursor:pointer;}
.inquiry-card .btn-submit .text {position:relative;z-index:10;}
.inquiry-card .btn-submit .hover-bg {position:absolute;inset:0;background:#333333;transform:translateY(100%);transition:transform 0.5s ease;}
.inquiry-card .btn-submit:hover .hover-bg {transform:translateY(0);}
.inquiry-card .note {font-size:8px;text-align:center;color:rgba(0,0,0,0.3);font-weight:700;letter-spacing:0.15em;text-transform:uppercase;margin-top:16px;}

.inquiry-card .container{padding:0;}
.crm_inquiry_form_boxcustom_inquiry_form_1778478260970896 .inqury_title_box{padding:0 0 15px !important;}
.crm_inquiry_form_boxcustom_inquiry_form_1778478260970896 .inqury-form .input-wrap{padding:0 !important;}

.bootstrap-select > option{display:none;}


@media (max-width:992px) {
.inquiry-card-wrap{display:none;}
}

/* ===== Product Content ===== */
.product-content {flex:1;padding-top:3rem;}
@media (min-width:992px) {
.product-content {padding-left:3rem;padding-top:7.5rem;}
}
@media (min-width:1024px) {
.product-content {padding-left:4rem;}
}

/* ===== Product Header ===== */

.product-header {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:1.5rem;gap:1.5rem;}
@media (min-width:768px) {
.product-header {flex-direction:row;align-items:flex-end;}
}
.product-header .subtitle {color:rgba(0,0,0,0.4);font-size:10px;letter-spacing:0.3em;text-transform:uppercase;margin-bottom:10px;}
.product-header h1 {color:#000000;font-size:clamp(22px, 2.5vw, 48px);font-weight:900;letter-spacing:-0.02em;text-transform:uppercase;line-height:1;}
.product-header .search-row{display:flex;align-items:center;gap:15px;}
.product-header .result-count{white-space:nowrap;color:rgba(0,0,0,0.6);font-size:12px;}
.product-header .pro-search{width:250px;position:relative;z-index:20;transition:all 0.5s ease 0s;}
.product-header .pro-search .submit_text{width:100%;font-size:14px;color:#666;padding:5px 45px 5px 10px;background:#fafafa;border:1px solid rgba(0, 0, 0, 0.05);}
.product-header .pro-search .submit_btn{position:absolute;top:0;right:0;width:40px;background:none;height:100%;text-align:center;display:block;cursor:pointer;}
.product-header .pro-search .submit_btn i{color:rgba(0, 0, 0, 0.3);font-size:1.2rem;}

/* ===== Product Grid ===== */
.product-grid {display:grid;grid-template-columns:1fr;gap:1.5rem 1.5rem;}
@media (min-width:420px) {
.product-grid {grid-template-columns:repeat(2,1fr);}
}
@media (min-width:768px) {
.product-grid {grid-template-columns:repeat(3,1fr);}
}
@media (min-width:1367px) {
.product-grid {grid-template-columns:repeat(4,1fr);}
}
/* ===== Product Card ===== */
.product-card {cursor:pointer;display:flex;flex-direction:column;}
.product-card .image-wrap{display:block;position:relative;overflow:hidden;margin-bottom:1.5rem;}
.product-card .image-wrap img {width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease;}
.product-card .image-wrap .overlay {position:absolute;inset:0;background:rgba(0,0,0,0.4);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease;}
.product-card .image-wrap .overlay button {background:#ffffff;color:#000000;padding:8px 1.5rem;font-size:10px;font-weight:700;letter-spacing:0.2em;transform:translateY(16px);transition:transform 0.5s ease;}
.product-card .image-wrap .badge {position:absolute;top:16px;left:16px;background:rgba(255,255,255,0.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#000000;font-size:10px;padding:4px 12px;letter-spacing:0.15em;}
.product-card .info {display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.product-card .info  p{color:rgba(0,0,0,0.4);font-size:10px;text-transform:uppercase;}
.product-card .info .name {color:#000000;font-size:14px;font-weight:700;transition:color 0.3s ease;letter-spacing:-0.01em;line-height:1.35;}

.product-card .star{margin-top:auto;display:flex;gap:0.5rem;}
.product-card .star i{font-size:1rem;color:#000;}

.product-card:hover .image-wrap img {transform:scale(1.1);}
.product-card:hover .image-wrap .overlay {opacity:1;}
.product-card:hover .image-wrap .overlay button {transform:translateY(0);}
.product-card:hover .info .name {color:rgba(0,0,0,0.8);}


/*----page----*/
#pagesize {margin:5rem 0 0;text-align:center;}
#pagesize ul {display:inline-flex;flex-wrap:wrap;gap:1.12rem;}
#pagesize ul li {display:inline-block;}
#pagesize ul li a {width:2.4rem;height:2.4rem;padding:0 !important;display:inline-flex !important;justify-content:center;align-items:center;color:#666 !important;font-size:16px;border-radius:50%;text-align:center;border:1px solid #E6E6E6 !important;background:#fff !important;}
#pagesize ul li span{width:100%;height:100%;display:block;display:inline-flex;justify-content:center;align-items:center;}
#pagesize ul li a:not(.disabled):hover {background:#000 !important;border-color:transparent !important;color:#fff !important;}
#pagesize ul li a.active {background:#000 !important;border-color:transparent !important;color:#fff !important;}
#pagesize ul li a.disabled{color:#999 !important;background:#F5F5F5 !important;pointer-events:none}


#pagesize ul li:first-child a,#pagesize ul li:last-child a{font-size:0;}
#pagesize ul li:first-child a::after,#pagesize ul li:last-child a::after{font-family:"qico";font-size:1.125rem;}
#pagesize ul li:first-child a::after{content:"\e62b";}
#pagesize ul li:last-child a::after{content:"\e628";}


/* ===== No Results ===== */
.no-results {padding:10rem 0;text-align:center;border:1px dashed rgba(0,0,0,0.1);}
.no-results p {color:rgba(0,0,0,0.4);letter-spacing:0.15em;text-transform:uppercase;font-size:14px;}