.retractvac-page{--rv-blue:#165a70;--rv-light:#e2f3f7}
.retractvac-page h2{font:400 clamp(28px,2.6vw,40px)/1.2 Georgia,serif;margin:0 0 18px;color:#153f50}
.rv-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#176078;min-height:470px;color:white;margin:0 0 24px}
.rv-hero-photo{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;z-index:-2}
.rv-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12556a 0%,#165e73 32%,#267386dd 43%,#48859265 57%,transparent 68%)}
.rv-hero-copy{padding:48px 42px;width:61%;max-width:820px}
.rv-hero .rv-eyebrow{font:12px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#dceef2;margin:0 0 24px}
.rv-hero h1{font:400 clamp(38px,4vw,59px)/1.08 Georgia,serif;letter-spacing:-.03em;margin:0 0 22px;color:white}
.rv-hero h1 em{display:block;font-style:normal;font-weight:400}
.rv-hero-copy>p:not(.rv-eyebrow){font-size:21px;line-height:1.45;max-width:530px;margin:0 0 22px}
.retractvac-page .rv-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:30px;padding:13px 24px;min-height:49px;margin:0;font:700 16px/1.35 Arial,sans-serif;text-decoration:none;white-space:normal;text-align:center}
.retractvac-page .rv-button.primary{background:linear-gradient(110deg,#cef09e,#b6e579);color:#123c37;border:1px solid #b7df87}
.retractvac-page .rv-button.outline{border:1px solid #537e8c;background:#f7fcfd;color:#174455}
.retractvac-page .rv-button:hover{filter:brightness(.96)}
.rv-hero-benefit{display:flex;align-items:center;gap:13px;margin-top:30px;font-size:15px;color:#d7edf0}
.rv-hero-benefit svg{width:36px;height:36px}
.rv-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:24px 0}
.rv-product{margin:0;background:#fff;border:1px solid #e2edf0;border-radius:24px;overflow:hidden;padding:22px;text-align:center}
.rv-product>img{display:block;width:100%;height:350px;object-fit:contain}
.rv-product figcaption h2{font-size:28px;margin:12px 0 2px}
.rv-product small{font-size:13px;color:#587681}
.rv-description{padding:16px 14px 16px 0}.rv-description>p{font-size:21px;line-height:1.55;margin:0 0 24px}
.rv-benefits{list-style:none;padding:0;margin:0}.rv-benefits li{display:flex;align-items:center;gap:20px;margin:20px 0;font-size:19px}
.rv-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;border-radius:50%;background:linear-gradient(130deg,#e9f8fb,#c7ebf3);color:#13566b}.rv-icon svg{width:35px;height:35px}
.rv-video-section{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:30px;align-items:center;background:linear-gradient(115deg,#dceff5,#eefafd);border:1px solid #d5eaf0;border-radius:24px;padding:28px 32px;margin:24px 0}
.rv-video-section h2{font-size:clamp(26px,2.5vw,37px);margin-bottom:12px}.rv-video-section p{font-size:18px;margin:0}
.rv-player{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#193c49;width:100%}
.rv-play{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#143c4b;color:white}
.rv-play img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.87)}
.rv-play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;background:#123a4b55;font-size:28px;padding-left:4px}
.rv-play-label{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#112f40b0;font:14px/1.4 Arial,sans-serif}
.rv-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rv-steps{display:grid;grid-template-columns:repeat(3,1fr);background:#ffffffc9;border-radius:22px;padding:22px 10px;margin:24px 0;gap:0}
.rv-steps article{display:flex;gap:15px;align-items:center;padding:0 20px}.rv-steps article+article{border-left:1px solid #cee5eb}
.rv-steps h2{font-size:25px;margin:0 0 5px}.rv-steps p{font-size:16px;line-height:1.45;margin:0}.rv-steps .rv-icon{width:55px;height:55px}
.rv-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#ffffffd9;border-radius:22px;padding:24px 30px;margin:24px 0}
.rv-contact>div{margin-right:auto}.rv-contact h2{font-size:25px;margin:0 0 4px}.rv-phone{font-size:24px;text-decoration:none}
.rv-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 8px 24px;font-size:15px}.rv-bottom a{text-decoration:none}
.retractvac-page .detail-tabs{border-top:1px solid #c1dce1;padding-top:18px;margin:0;justify-content:center;font-size:14px}
.catalog-editing .rv-hero>.image-edit{position:relative;z-index:2}.catalog-editing .rv-product .image-edit{transform:none}
@media(max-width:900px){.rv-hero-copy{padding:35px 28px;width:64%}.rv-hero h1{font-size:43px}.rv-intro{gap:24px}.rv-product>img{height:300px}.rv-benefits li{font-size:17px;gap:12px}.rv-icon{width:50px;height:50px}.rv-steps article{padding:0 12px;gap:10px}.rv-steps .rv-icon{width:42px;height:42px}.rv-steps h2{font-size:22px}.rv-video-section{grid-template-columns:1fr 40%;padding:24px;gap:24px}}
@media(max-width:700px){.rv-hero{padding-top:270px;min-height:0}.rv-hero-photo{width:100%;height:310px;object-position:center}.rv-hero:after{background:linear-gradient(180deg,transparent 0,transparent 190px,#165e7380 250px,#165e73 308px)}.rv-hero-copy{width:100%;padding:20px 24px 28px}.rv-hero h1{font-size:39px}.rv-hero .rv-eyebrow{font-size:11px;margin-bottom:16px}.rv-hero-copy>p:not(.rv-eyebrow){font-size:19px}.rv-hero-benefit{margin-top:22px}.rv-intro{grid-template-columns:1fr;gap:10px}.rv-product{padding:20px 16px}.rv-product>img{height:290px}.rv-product figcaption h2{font-size:26px}.rv-description{padding:20px 8px}.rv-description>p{font-size:18px}.rv-benefits li{font-size:17px}.rv-video-section{grid-template-columns:1fr;padding:24px 18px;gap:20px}.rv-player{max-width:420px;margin:auto}.rv-steps{grid-template-columns:1fr;gap:18px;padding:22px}.rv-steps article{padding:0}.rv-steps article+article{border-left:0;border-top:1px solid #cee5eb;padding-top:18px}.rv-contact{padding:24px 20px;gap:14px}.rv-contact>div{width:100%;margin:0 0 5px}.rv-contact .rv-button{width:100%}.rv-bottom{font-size:14px}.retractvac-page .detail-tabs{justify-content:flex-start;gap:3px}.retractvac-page .detail-tabs a{padding:8px}}
