/* Product detail page styles — Crown Wealth Hardware */
.page-hero .ph-ico{position:relative;z-index:2;width:76px;height:76px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:38px;margin:0 auto 22px;}
.page-hero .ph-ico .icon-img{width:34px;height:34px;object-fit:contain;}

/* Overview layout */
.p-overview{background:#fff;}
.p-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:56px;}
.p-overview-copy h3{font-size:22px;color:var(--blue-950);margin-bottom:14px;}
.p-overview-copy p{color:var(--slate);font-size:16px;margin-bottom:16px;}
.p-overview-copy ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:8px;}
.p-overview-copy ul li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-size:15px;font-weight:500;}
.p-overview-copy ul li::before{content:"✓";color:var(--blue-600);font-weight:800;flex-shrink:0;}
.p-viz{position:relative;background:var(--blue-950);border-radius:22px;min-height:360px;display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-lg);}
.p-viz::before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(74,148,255,.45),transparent 70%);}
.p-viz .big{font-size:120px;position:relative;z-index:2;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4));}
.p-viz .big .icon-img{width:78px;height:78px;object-fit:contain;}
.p-viz .lbl{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:#9fb2cd;font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:13px;}

/* Specs section */
.p-specs{background:var(--light);}
.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:56px;}
.spec-item{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue-500);border-radius:14px;padding:22px;}
.spec-item b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--blue-600);margin-bottom:8px;font-weight:700;}
.spec-item span{font-size:15px;color:var(--ink);font-weight:500;}

/* Product range */
.p-range{background:#fff;}
.range-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:56px;}
.range-item{background:var(--light);border:1px solid var(--line);border-radius:14px;padding:24px;transition:.25s;position:relative;overflow:hidden;}
.range-item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue-500),var(--blue-300));opacity:0;transition:.3s;}
.range-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.range-item:hover::before{opacity:1;}
.range-item .ri{width:46px;height:46px;border-radius:12px;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center;font-size:22px;margin-bottom:16px;}
.range-item .ri .icon-img{width:23px;height:23px;object-fit:contain;}
.range-item h4{font-size:16.5px;color:var(--blue-950);font-weight:700;margin-bottom:8px;}
.range-item .code{font-size:12px;color:var(--blue-500);font-weight:700;letter-spacing:.04em;margin-bottom:6px;}
.range-item p{color:var(--slate);font-size:13.5px;}

/* Product directory cards */
.p-directory{background:var(--light);padding:88px 0;}
.p-directory .section-head{max-width:700px;margin-bottom:34px;}
.product-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.directory-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;min-height:272px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.25s;}
.directory-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue-500),var(--blue-300));transform:scaleX(0);transform-origin:left;transition:.25s;}
.directory-card:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-5px);}
.directory-card:hover::before{transform:scaleX(1);}
.directory-icon{width:54px;height:54px;border-radius:14px;background:var(--blue-100);display:grid;place-items:center;font-size:26px;margin-bottom:17px;}
.directory-icon .icon-img{width:27px;height:27px;object-fit:contain;}
.directory-card .directory-kicker{font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--blue-600);margin-bottom:7px;}
.directory-card h3{color:var(--blue-950);font-size:19px;margin-bottom:8px;}
.directory-card p{font-size:13.5px;color:var(--slate);line-height:1.65;flex:1;}
.directory-card-footer{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.directory-card-footer .directory-code{font-size:11px;color:var(--slate);font-weight:600;}
.directory-card-footer a{font-size:12px;color:var(--blue-600);font-weight:800;white-space:nowrap;}

/* Applications */
.p-apps{background:var(--blue-950);color:#fff;overflow:hidden;position:relative;}
.p-apps::before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(74,148,255,.4),transparent 70%);}
.p-apps .section-head h2{color:#fff;}
.p-apps .section-head p{color:#9fb2cd;}
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:56px;position:relative;}
.app-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:26px;text-align:center;transition:.25s;}
.app-item:hover{background:rgba(255,255,255,.1);transform:translateY(-5px);}
.app-item .ai{font-size:36px;margin-bottom:14px;display:block;}
.app-item .ai .icon-img{width:31px;height:31px;object-fit:contain;margin:0 auto;}
.app-item h4{font-size:16px;color:#fff;font-weight:600;margin-bottom:6px;}
.app-item p{color:#98aac6;font-size:13.5px;}

/* Certifications strip */
.badges{background:var(--white);padding:46px 0;border-top:1px solid var(--line);}
.badge-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;}
.badge-pill{display:inline-flex;align-items:center;gap:10px;background:var(--light);border:1px solid var(--line);padding:13px 22px;border-radius:100px;font-weight:600;font-size:14px;color:var(--ink);}
.badge-pill .bi{color:var(--blue-600);font-size:17px;display:inline-flex;align-items:center;}
.badge-pill .bi .icon-img{width:18px;height:18px;object-fit:contain;}

@media(max-width:1024px){
  .p-overview-grid{grid-template-columns:1fr;gap:40px;}
  .p-viz{min-height:300px;}
  .product-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .p-directory{padding:70px 0;}
  .product-directory-grid{grid-template-columns:1fr;}
}

/* Resources section */
.p-res{background:var(--white);}
.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:56px;}
.res-card{background:var(--light);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;transition:.28s;position:relative;overflow:hidden;}
.res-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--blue-200);background:var(--blue-50);}
.res-card .rc{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:16px;}
.res-card .rc .icon-img{width:25px;height:25px;object-fit:contain;}
.res-card b{font-size:16.5px;color:var(--blue-950);font-weight:700;margin-bottom:6px;}
.res-card p{color:var(--slate);font-size:13.5px;flex:1;margin-bottom:14px;}
.res-card .rc-link{color:var(--blue-600);font-weight:600;font-size:14px;}

/* Related products */
.p-related{background:var(--light);}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:56px;}
.rel-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;transition:.25s;}
.rel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;}
.rel-card .rci{width:50px;height:50px;border-radius:12px;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center;font-size:24px;flex-shrink:0;}
.rel-card .rci .icon-img{width:26px;height:26px;object-fit:contain;}
.rel-card b{display:block;font-size:16px;color:var(--blue-950);font-weight:700;}
.rel-card small{color:var(--blue-600);font-weight:600;font-size:13px;}