/* VTC 1.3 — real telescopic ladder photo with interactive 3D tilt. */
:root{--vtc-ease:cubic-bezier(.22,1,.36,1)}
[hidden]{display:none!important}
section[id]{scroll-margin-top:210px}
.vtc-hero{background:#081b29}
.vtc-hero::after{display:none}
.vtc-hero::before{background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent)}
.vtc-hero__grid{min-height:716px;gap:56px;grid-template-columns:1fr 1fr;padding-block:36px 44px}
.vtc-hero__grid>*{min-width:0}
.vtc-hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.24;letter-spacing:-.035em}
.vtc-hero__content>p{max-width:490px;font-size:18px;color:#b9cbd7}
.vtc-eyebrow{font-size:13px;letter-spacing:.025em;color:#b9cbd7}
.vtc-hero__proof{padding-top:28px;border-top:1px solid #ffffff15;gap:20px;font-size:13px}
.vtc-button{position:relative;min-height:52px;border-radius:6px;transition:transform .25s var(--vtc-ease),background .2s,box-shadow .2s}
.vtc-button:hover{box-shadow:0 8px 24px #00000016}
.vtc-button .vtc-icon{transition:transform .25s var(--vtc-ease)}
.vtc-button:hover .vtc-icon{transform:translateX(-4px)}
.vtc-wordmark>span{font-style:italic;letter-spacing:-2px}
.vtc-wordmark>small{letter-spacing:0}
.vtc-search-row__inner{grid-template-columns:minmax(0,620px) auto;justify-content:space-between}
.vtc-search-row form{min-width:0}
.vtc-search-row .search-field{padding-inline-end:95px}
.vtc-showcase{position:relative;min-width:0;width:100%;margin:0;border:1px solid #c3e0ec20;border-radius:18px;background:radial-gradient(ellipse at 38% 35%,#20465d 0,#102c40 42%,#0b223500 75%),#0b2235;box-shadow:0 26px 70px #00000018}
.vtc-showcase__top{height:54px;margin-inline:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;font-family:"IBM Plex Sans",sans-serif;font-size:10px;letter-spacing:.18em;color:#9db4c4}
.vtc-dimension-label{border:1px solid #e5b65255;border-radius:4px;color:#f5bb54;padding:1px 7px}
/* === مشهد الصورة الحقيقية بإمالة ثلاثية الأبعاد === */
.vtc-stage{position:relative;height:520px;perspective:1200px;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none}
.vtc-photo3d{position:relative;width:300px;transform-style:preserve-3d;cursor:grab;will-change:transform;z-index:1}
.vtc-stage.is-dragging .vtc-photo3d{cursor:grabbing}
.vtc-photo3d__frame{display:block;width:100%;border-radius:18px;border:1px solid #ffffff29;box-shadow:0 34px 70px #0000008c,0 0 0 6px #ffffff0a;pointer-events:none}
.vtc-chip{position:absolute;display:flex;flex-direction:column;gap:2px;background:#071827e0;border:1px solid #f5a00073;color:#ffc23d;padding:9px 15px;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 10px 26px #00000073;transform:translateZ(70px);backface-visibility:hidden}
.vtc-chip small{color:#9db8c6;font-weight:400;font-size:11px}
.vtc-chip--c1{top:26px;right:-42px}
.vtc-chip--c2{top:46%;left:-48px}
.vtc-chip--c3{bottom:30px;right:-26px}
.vtc-photo3d-shadow{position:absolute;bottom:18px;left:50%;width:320px;height:64px;margin-left:-160px;background:radial-gradient(ellipse at center,#0000008c,transparent 70%);filter:blur(6px);pointer-events:none}
.vtc-stage__note{position:absolute;bottom:8px;left:20px;display:flex;align-items:center;gap:8px;color:#bdd1df;font-size:11px;direction:rtl}
.vtc-stage__note>span{width:20px;height:1px;background:#f5bb54}
.vtc-showcase figcaption{margin:0;padding:12px 24px 17px;color:#a9bfce;font-size:10px;line-height:1.7}
.vtc-category-grid{counter-reset:category}
.vtc-category-card{counter-increment:category;min-height:250px;border-radius:8px;background:linear-gradient(145deg,#fff,#edf2f6);transition:transform .4s var(--vtc-ease),box-shadow .4s,border-color .3s}
.vtc-category-card::before{content:"0" counter(category);position:absolute;left:24px;top:67px;color:#0b22390a;font:700 94px/1 "IBM Plex Sans",sans-serif}
.vtc-category-card::after{display:none}
.vtc-category-card__icon{border-radius:9px;box-shadow:4px 5px 0 #0b223915;transition:transform .35s var(--vtc-ease),box-shadow .35s}
.vtc-category-card:hover .vtc-category-card__icon{transform:perspective(320px) rotateY(-14deg) rotateX(8deg) translateY(-2px);box-shadow:7px 9px 0 #0b223910}
.vtc-category-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0b223910}
.vtc-category-card__body{position:relative}
.vtc-selector{background:#eaf0f4;color:#344054}
.vtc-selector h2{color:#0b2239}
.vtc-selector__intro p{color:#52687a}
.vtc-selector .vtc-kicker{color:#825400}
.vtc-selector .vtc-button--light{background:#0b2239;border-color:#0b2239;color:#fff}
.vtc-selector-steps li{border:1px solid #d4dfe7;background:#ffffffa0;box-shadow:0 4px 12px #18334603;border-radius:8px}
.vtc-selector-steps strong{color:#0b2239}
.vtc-selector-steps small{color:#52687a}
.vtc-selector-steps li>span{border-color:#ccd6df;color:#155a8a}
.vtc-selector-steps>li>.vtc-icon{color:#52687a}
.vtc-selector-steps li.is-critical{border-color:#d9bd8c;background:#fff9ec}
.vtc-selector-steps li.is-critical>.vtc-icon{color:#8b5a08}
.vtc-safety .vtc-kicker--amber{color:#825400}
.vtc-material-compare article{transition:transform .35s var(--vtc-ease),box-shadow .35s}
.vtc-material-compare article:hover{transform:translateY(-4px);box-shadow:var(--vtc-shadow)}
.vtc-product-assurances,.woocommerce div.product>.summary{position:relative}
.woocommerce div.product .woocommerce-product-gallery{border-radius:12px;background:#edf2f5;overflow:hidden;box-shadow:0 14px 40px #0b223908}
.woocommerce div.product .woocommerce-product-gallery img{transition:transform .5s var(--vtc-ease)}
/* Reveals are added only to nearby content; everything is visible if JS fails. */
.vtc-enter{animation:vtc-rise .65s var(--vtc-ease) both}
@keyframes vtc-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes vtc-photo-intro{from{opacity:.25;transform:rotateY(-9deg) rotateX(2deg) translateY(18px) scale(.94)}to{opacity:1;transform:rotateY(0) rotateX(0) translateY(0) scale(1)}}
.vtc-photo3d.is-introducing{animation:vtc-photo-intro 1.15s var(--vtc-ease) both}
.vtc-site-header{position:sticky;top:0}
body.admin-bar .vtc-site-header{top:32px}
@media(min-width:1025px){.vtc-primary-menu .sub-menu{display:none;position:absolute;background:#fff;padding:16px;box-shadow:var(--vtc-shadow);list-style:none}.vtc-primary-menu li:hover>.sub-menu,.vtc-primary-menu li:focus-within>.sub-menu{display:block}}
@media(max-width:1024px){
 .vtc-hero__grid{gap:24px;grid-template-columns:1fr 1fr}
 .vtc-hero h1{font-size:52px}
 .vtc-stage{height:470px}
 .vtc-photo3d{width:262px}
 .vtc-chip--c1{right:-20px}
 .vtc-chip--c2{left:-22px}
 .vtc-chip--c3{right:-12px}
 .vtc-showcase__top{margin-inline:16px}
 .vtc-primary-nav{visibility:hidden;pointer-events:none}
 .menu-open .vtc-primary-nav{visibility:visible;pointer-events:auto}
}
@media(max-width:767px){
 section[id]{scroll-margin-top:165px}
 .vtc-hero__grid{grid-template-columns:minmax(0,1fr);padding-block:44px 24px;gap:30px}
 .vtc-hero h1{font-size:50px;margin-bottom:20px}
 .vtc-hero__content>p{font-size:16px}
 .vtc-hero__proof{margin-top:24px;padding-top:20px;font-size:12px;gap:12px}
 .vtc-hero .vtc-button{padding-inline:16px;font-size:14px;min-height:48px}
 .vtc-showcase{max-width:490px;margin-inline:auto;border-radius:12px}
 .vtc-showcase__top{height:44px}
 .vtc-stage{height:430px}
 .vtc-photo3d{width:224px}
 .vtc-chip{font-size:12px;padding:7px 12px}
 .vtc-chip--c1{right:-10px;top:16px}
 .vtc-chip--c2{left:-10px}
 .vtc-chip--c3{right:-6px;bottom:20px}
 .vtc-photo3d-shadow{width:240px;margin-left:-120px;bottom:12px}
 .vtc-stage__note{bottom:6px;font-size:10px}
 .vtc-showcase figcaption{padding:8px 16px 12px}
 .vtc-search-row__inner{grid-template-columns:minmax(0,1fr)}
 .vtc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .vtc-category-card{padding:18px 14px;min-height:226px}
 .vtc-category-card__body strong{font-size:17px}
 .vtc-category-card__body small{font-size:12px}
 .vtc-category-card__arrow{inset:18px auto auto 12px;width:28px;height:28px}
 .vtc-category-card::before{font-size:74px;left:12px;top:58px}
 .vtc-category-card__icon{width:40px;height:40px}
 .vtc-category-card__icon .vtc-icon{width:22px;height:22px}
 .vtc-section{padding-block:52px}
 .vtc-section-heading h2{font-size:30px}
 .vtc-value-grid{padding-top:0}
 body.admin-bar .vtc-site-header{top:46px}
}
@media(max-width:380px){.vtc-hero h1{font-size:44px}.vtc-hero .vtc-button{padding-inline:12px;font-size:13px}.vtc-hero__proof{display:grid;gap:6px}.vtc-photo3d{width:200px}}
@media(prefers-reduced-motion:reduce){
 .vtc-enter,.vtc-photo3d.is-introducing{animation:none}
 .vtc-photo3d,.vtc-category-card,.vtc-category-card__icon,.vtc-material-compare article,.vtc-button{transition:none}
 .vtc-category-card:hover,.vtc-category-card:hover .vtc-category-card__icon,.vtc-material-compare article:hover{transform:none}
}