:root{--psn-ib-primary:#0000FE;--psn-ib-primary-dark:#0000c8;--psn-ib-text:#111827;--psn-ib-muted:#697386;--psn-ib-border:#e8ebf2;--psn-ib-light:#f7f9fd;--psn-ib-white:#fff;--psn-ib-radius:26px;--psn-ib-shadow:0 20px 60px #0000fe1a}
body{color:var(--psn-ib-text);line-height:1.9}
a{text-decoration:none}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.breadcrumb{padding:24px 0 18px;font-size:13px;color:#8a93a5}
.breadcrumb a{color:var(--psn-ib-primary)}
.breadcrumb span{margin:0 8px;color:#c6cad3}
.page-header{position:relative;text-align:center;padding:0px 20px 48px;margin-top:10px}
.page-header::before{content:"";position:absolute;width:180px;height:180px;background:#0000fe09;border-radius:50%;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--psn-ib-primary);background:#0000fe0f;border-radius:50px;padding:6px 16px;font-size:13px;font-weight:700;margin-bottom:14px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--psn-ib-primary)}
.page-header h1{margin:0;font-size:38px;font-weight:900;line-height:1.5}
.page-header h1 span{color:var(--psn-ib-primary)}
.page-header p{max-width:650px;margin:12px auto 0;color:var(--psn-ib-muted);font-size:15px}
.products{padding-bottom:65px}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.product-card{position:relative;overflow:hidden;min-height:560px;border-radius:var(--psn-ib-radius);background:var(--psn-ib-white);border:1px solid var(--psn-ib-border);box-shadow:var(--psn-ib-shadow);transition:.35s ease}
.product-card:hover{transform:translateY(-8px);box-shadow:0 28px 75px #0000fe26}
.product-image{position:relative;height:330px;overflow:hidden;background:radial-gradient(circle at center,#0000fe12,transparent 60%),#f6f8fc}
.product-image img{width:100%;height:100%;display:block;object-fit:contain;padding:35px;transition:transform .5s ease}
.product-card:hover .product-image img{transform:scale(1.06)}
.image-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 55%,#ffffff73)}
.product-number{position:absolute;top:18px;right:18px;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffffeb;color:var(--psn-ib-primary);font-size:14px;font-weight:900;box-shadow:0 8px 25px #00000014}
.product-content{padding:27px 30px 30px}
.product-tag{color:var(--psn-ib-primary);font-size:12px;font-weight:800;margin-bottom:5px}
.product-content h2{margin:0 0 12px;font-size:22px;line-height:1.7;font-weight:900}
.product-content p{margin:0;color:var(--psn-ib-muted);font-size:14px;line-height:2}
.product-action{margin-top:22px}
.product-action a{display:inline-flex;align-items:center;gap:9px;padding:10px 19px;border-radius:12px;background:var(--psn-ib-primary);color:#fff;font-size:13px;font-weight:800;transition:.25s ease}
.product-action a:hover{background:var(--psn-ib-primary-dark);transform:translateX(-3px)}
.product-action svg{width:17px;height:17px}
.bottom-line{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:8px;color:#9299a8;font-size:12px;margin-bottom:30px}
.bottom-line::before,.bottom-line::after{content:"";width:45px;height:1px;background:#e5e8ef}
@media (max-width: 800px) {
.container{width:min(100% - 24px,1180px)}
.page-header{padding-top:20px;padding-bottom:30px}
.page-header h1{font-size:29px}
.page-header p{font-size:13px}
.product-grid{grid-template-columns:1fr;gap:20px}
.product-card{min-height:auto}
.product-image{height:290px}
}
@media (max-width: 480px) {
.breadcrumb{padding-top:16px}
.page-header h1{font-size:25px}
.product-image{height:250px}
.product-image img{padding:25px}
.product-content{padding:23px}
.product-content h2{font-size:19px}
}
@media(max-width:767px) {
.bc-section{padding-left:5px;padding-right:10px}
}
@media(min-width:768px) {
.bc-section{padding-left:25px;padding-right:30px}
}
.prd-img-01{background-image:url("/images/others/products/detail/بلبرینگ-شیار-عمیق-یک-ردیفه.jpg");background-position:center;background-size:cover}
.prd-img-02{background-image:url("/images/others/products/detail/بلبرینگ-تماس-زاویه-ای-دو-ردیفه.jpg");background-position:center;background-size:cover}
.product-card{padding:0}