/* =========================================================
   win-rar-app.com — CSS
   Base: verbatim copy of www.win-rar.com/css/style.css
   Additions: SEO sections at bottom (prefixed .seo-)
   ========================================================= */

/* --- ORIGINAL CSS (verbatim) --- */
body{background-color:white;font-size:14px;font-family:Helvetica,Arial,sans-serif;line-height:1.2;}
button.close{display:none;}
div#ckRules{display:none;}
.alert{text-shadow:none;background-color:#f1f1f1;clear:both;color:#5f5f5f;margin:0 auto 5px;letter-spacing:0;line-height:21px;padding:15px;}
.textlinks a{margin-bottom:10px;color:#133c8a;}
h1{color:#133c8a;}
h5{background-color:#133C8A;color:white;font-size:1em;font-weight:bold;height:25px;line-height:25px;padding-left:4px;vertical-align:middle;}
img.boxshot{float:left;margin-right:20px;margin-bottom:10px;}
div.language-selector{float:right;clear:right;height:30px;padding-top:7px;}
div.language-selector select{padding:2px;border:1px solid #A5ACB2;background:#FFF;color:#5f5f5f;font-weight:normal;display:inline;font-size:90%;width:161px;}
div.language-selector td{padding:0px;}
div.search{padding-right:2px;float:right;clear:right;height:30px;}
#searchfield{padding:2px;width:155px;border:1px solid #A5ACB2;background:#fff;color:#5f5f5f;font-weight:normal;font-size:90%;}
img.logo{float:left;border:none;width:288px;height:66px;}
div#header{height:60px;margin-bottom:0px;padding:15px;border-bottom:6px solid #133c8a;color:#5f5f5f;font-size:85%;}
div#content{width:1000px;padding-top:5px;margin-left:auto;margin-right:auto;}
div#main{float:left;width:700px;padding:0px;}
div#panelright{float:right;width:220px;}
div#panelright img{vertical-align:middle;}
div#buttons{padding-top:15px;}
div#buttons p{margin:15px auto;}
div#slideshow{width:220px;height:150px;padding:3px;}
div#images img{display:none;margin-left:50px;margin-right:auto;}
div#footer{clear:both;}
div#footer ul{list-style:none;margin:0 0 0 0px;}
div#footer a{color:#fff;}
div#footer p{font-size:12px;text-align:right;color:#565656;}
div#footer p a{color:#5f5f5f;}
div#navbar{background-color:#133c8a;}
div.clear{clear:both;}
p.panelright{text-align:center;margin:0 0 40px 0;}
p.panelright a{color:#133C8A;font-size:90%;margin-bottom:0px;}
div#text ul li{margin-bottom:10px;}
span.detail{font-style:italic;}
div#c118{font-size:80%;color:#5f5f5f;}
div#downloadlink-div{margin-top:20px;}
a.abandonmentButton{text-shadow:#404040 1px 1px 1px;font-size:12pt;font-family:Helvetica,Arial,sans;font-weight:bold;color:#fff;text-decoration:none;text-align:center;display:block;background:url("../images/button_download_blank.png") no-repeat center;padding-left:30px;line-height:76px;}
div#stars_c{margin:0 auto;text-align:center;}

/* Buttons */
#buy-link{text-align:center;color:#133C8A;font-size:90%;display:block;}
#buy-button{background-image:url("../images/button_buy_blank.png");background-repeat:no-repeat;background-attachment:scroll;background-position:center;text-shadow:#404040 1px 1px 1px;font-size:13pt;font-family:Helvetica,Arial,sans;font-weight:bold;color:#fff;text-decoration:none;text-align:center;display:block;padding-left:42px;line-height:76px;}
#download-button{background-image:url("../images/button_download_blank.png");background-repeat:no-repeat;background-attachment:scroll;background-position:center;text-shadow:#404040 1px 1px 1px;font-size:12pt;font-family:Helvetica,Arial,sans;font-weight:bold;color:#fff;text-decoration:none;text-align:center;display:block;padding-left:42px;line-height:76px;}
a.buy-btn{text-shadow:#404040 1px 1px 1px;font-size:17px;font-family:Helvetica,Arial,sans;font-weight:bold;color:#fff;text-decoration:none;text-align:center;padding-left:40px;display:block;line-height:76px;background-image:url("../images/button_buy_blank.png");background-position:center;background-repeat:no-repeat;}
a.dwnld-btn{text-shadow:#404040 1px 1px 1px;font-size:17px;font-family:Helvetica,Arial,sans;font-weight:bold;color:#fff;text-decoration:none;text-align:center;padding-left:40px;display:block;line-height:76px;background-image:url("../images/button_download_blank.png");background-position:center;background-repeat:no-repeat;}

/* Footer nav */
div#navbar{position:relative;text-align:left;padding:0px 25px;}
div#navbar{background-color:#133c8a;display:flex;justify-content:center;}
div.menu_header ul{display:block;list-style:none;padding:0px;margin:0px;}
ul#linklist{width:auto;}
a{text-decoration:underline;color:#133c8a;}
a:hover{}
div.menu_header li{padding:0px;margin:0px;float:left;margin-right:2px;}
div.menu_header li span,div.menu_header li a{color:white;font-family:verdana,arial,helvetica;font-size:14px;text-decoration:underline;display:block;padding:5px 20px 5px 19px;line-height:22px;background-color:#133c8a;}
div.menu_header li div.menu_header_no a,div.menu_header li div.menu_header_act a{cursor:pointer;}
div.menu_header li:hover div.menu_header_no a,div.menu_header li:hover div.menu_header_ifsub a{color:#363f4e;}
div.menu_header li ul{display:none;position:absolute;padding:10px 0px;width:150px;background-color:#133c8a;z-index:1000;bottom:35px;}
div.menu_header li ul li{float:none;margin:0px;background-color:#133c8a;}
div.menu_header li ul li a{color:#363f4e;font-size:14px;cursor:pointer;padding:4px 14px;background-color:#133c8a;}
div.menu_header li:hover ul{display:block;}
div.menu_header_ifsub{color:white;font-family:verdana,arial,helvetica;font-size:14px;text-decoration:none;display:block;line-height:22px;background-color:#133c8a;}
div#footer{clear:both;}
div#footer ul{list-style:none;padding-left:0;margin:0;}
div#footer li{width:14%;float:left;text-align:center;padding:5px 9px;}
div#footer li ul li{float:none;}
div.clear{clear:both;}
div.menu_footer{color:#565656;font-size:12px;float:right;padding-top:11px;}
div#submenu a{color:#565656;text-decoration:underline;}
div#submenu li{padding:5px 0;margin-right:0px;}
div#ul_lnk{float:right;}
ul#linklist{width:100%;}
ul#linklist li{width:16%;padding:5px 14px;}
div#submenu li{width:auto;}
#social{float:left;}
#social p{margin:0;}
#social img{border:0;margin:0 4px;width:31px;height:31px;}
#ul_copy{width:265px;}
div#slideshow{padding-top:50px;}
.awardSlides{display:none;}
div#imgAwards img{border-style:none;}
div.ct{display:flex;justify-content:center;}
.awardSlides{animation-name:awardSlides;animation-duration:3.5s;}
@keyframes awardSlides{from{opacity:.4}to{opacity:1}}

/* Original inline overrides for start page navbar */
div#navbar{background-color:white;border-bottom:6px solid #133c8a;padding:0;}
div.menu_header li span,div.menu_header li a{color:#133c8a;font-family:verdana,arial,helvetica;font-size:14px;text-decoration:none;display:block;padding:0;line-height:22px;background-color:white;font-weight:bold;text-transform:uppercase;}
div#navbar a{color:#133c8a;}
div.menu_header li:hover div.menu_header_no a{color:#e1dfe0;background-color:#e1dfe0;border-radius:6px;text-decoration:underline;}
#social{float:left;}
#social p{margin:0;}
div#footer ul#linklist{padding-left:25px;}
ul#linklist li{width:16%;padding:5px 0;}

@media (max-width:640px){
  div.search{padding-top:30px;}
  div#header{height:150px;}
  div#content{width:100%;}
  div#main{float:none;width:auto;padding-top:15px;}
  div#panelright{float:none;margin-left:auto;margin-right:auto;}
  div#footer ul{padding:0;}
  div#footer li{float:none;width:auto;}
  div#navbar{display:block;width:150px;margin:0 auto;}
  ul#linklist li{width:auto;padding:5px 0;}
  div#footer ul#linklist{padding-left:0px;}
  div.menu_footer{float:none;}
  div#ul_lnk{float:none;padding-top:10px;}
}

/* =========================================================
   SEO ADDITIONS — outside #content, full-width sections
   All styled to match the original's classic look
   ========================================================= */

/* TL;DR bar — matches the blue brand colour */
.seo-tldr{background-color:#133c8a;color:#fff;font-size:13px;padding:7px 15px;text-align:center;clear:both;}
.seo-tldr strong{color:#f0c040;}

/* Breadcrumb */
.seo-breadcrumb{font-size:12px;color:#5f5f5f;padding:4px 10px;}
.seo-breadcrumb a{color:#133c8a;}
.seo-breadcrumb span{margin:0 4px;}

/* Full-width section wrapper */
.seo-section{clear:both;padding:24px 0;border-top:1px solid #dde3f0;}
.seo-section.seo-bg{background-color:#f5f7fc;}
.seo-section.seo-dark{background-color:#133c8a;color:#fff;border-top:none;}

/* Inner constrained to 1000px */
.seo-inner{width:1000px;margin:0 auto;padding:0 10px;}

/* Section heading — matches h5 style of original */
.seo-section h2{color:#133c8a;font-size:1rem;margin:0 0 14px;border-left:4px solid #133c8a;padding-left:8px;}
.seo-section.seo-dark h2{color:#fff;border-left-color:rgba(255,255,255,.5);}
.seo-section h3{color:#133c8a;font-size:.9rem;margin:14px 0 5px;}

/* Stats row */
.seo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.seo-stat{border:1px solid #d0d8ee;border-top:3px solid #133c8a;padding:14px 10px;text-align:center;background:#fff;}
.seo-stat strong{display:block;font-size:1.5rem;color:#133c8a;}
.seo-stat span{font-size:11px;color:#5f5f5f;}

/* Download table — matches original table style */
.seo-dl-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px;}
.seo-dl-table th{background-color:#133c8a;color:#fff;padding:7px 10px;text-align:left;}
.seo-dl-table td{padding:7px 10px;border-bottom:1px solid #dde3f0;}
.seo-dl-table tr:nth-child(even) td{background:#f5f7fc;}
.seo-dl-table tr:hover td{background:#e8eef9;}
.seo-dl-btn{background:#133c8a;color:#fff;padding:3px 10px;font-size:12px;font-weight:bold;text-decoration:none;white-space:nowrap;display:inline-block;}
.seo-dl-btn:hover{background:#1e55c4;text-decoration:none;}
.seo-note{font-size:11px;color:#888;margin-top:6px;}

/* Feature grid — 3 cols */
.seo-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;}
.seo-feat{border:1px solid #d0d8ee;border-top:3px solid #133c8a;padding:14px 12px;background:#fff;}
.seo-feat .icon{font-size:1.4rem;margin-bottom:6px;}
.seo-feat h3{margin:0 0 5px;font-size:.88rem;}
.seo-feat p{font-size:12px;color:#5f5f5f;line-height:1.55;margin:0;}

/* Compare table */
.seo-compare{width:100%;border-collapse:collapse;font-size:13px;}
.seo-compare th{background:#133c8a;color:#fff;padding:7px 10px;text-align:center;}
.seo-compare th:first-child{text-align:left;}
.seo-compare td{padding:6px 10px;border-bottom:1px solid #dde3f0;text-align:center;}
.seo-compare td:first-child{text-align:left;font-weight:bold;}
.seo-compare tr:nth-child(even) td{background:#f5f7fc;}
.seo-yes{color:#1a9e40;font-weight:700;}
.seo-no{color:#cc0000;}

/* Steps */
.seo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.seo-step{text-align:center;padding:12px 6px;}
.seo-step .num{width:36px;height:36px;border-radius:50%;background:#133c8a;color:#fff;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;}
.seo-step h3{font-size:.85rem;margin:0 0 4px;}
.seo-step p{font-size:12px;color:#5f5f5f;line-height:1.5;margin:0;}

/* Two-col */
.seo-twocol{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
.seo-twocol img{border:1px solid #d0d8ee;width:100%;}
.seo-twocol p{font-size:13px;line-height:1.55;color:#333;margin-bottom:8px;}

/* Image grids */
.seo-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px;}
.seo-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;}
.seo-grid2 img,.seo-grid3 img{width:100%;object-fit:cover;border:1px solid #d0d8ee;}

/* FAQ */
.seo-faq{margin-top:8px;}
.seo-faq-item{border:1px solid #d0d8ee;margin-bottom:4px;}
.seo-faq-q{padding:10px 12px;cursor:pointer;font-weight:bold;font-size:13px;display:flex;justify-content:space-between;align-items:center;background:#fff;color:#133c8a;}
.seo-faq-q::after{content:'+';font-size:1rem;font-weight:400;}
.seo-faq-item.open .seo-faq-q::after{content:'−';}
.seo-faq-a{display:none;padding:10px 12px;background:#f5f7fc;color:#5f5f5f;font-size:13px;line-height:1.6;}
.seo-faq-item.open .seo-faq-a{display:block;}

/* Awards strip */
.seo-awards{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:14px;}
.seo-awards img{height:48px;width:auto;object-fit:contain;}

/* Use cases */
.seo-usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.seo-usecase{border:1px solid #d0d8ee;padding:12px;text-align:center;background:#fff;}
.seo-usecase img{height:64px;object-fit:contain;margin:0 auto 8px;display:block;}
.seo-usecase h3{font-size:.85rem;margin:0 0 4px;}
.seo-usecase p{font-size:12px;color:#5f5f5f;line-height:1.4;margin:0;}

/* CTA block */
.seo-cta{background:#133c8a;color:#fff;text-align:center;padding:32px 16px;clear:both;}
.seo-cta h2{color:#fff;border:none;font-size:1.2rem;margin-bottom:8px;}
.seo-cta p{opacity:.9;margin:0 0 16px;font-size:13px;}
.seo-cta a{background:#f0c040;color:#133c8a;padding:10px 26px;font-size:14px;font-weight:bold;text-decoration:none;display:inline-block;}
.seo-cta a:hover{background:#d9a800;text-decoration:none;}

/* Install steps list */
ol.seo-install{margin:8px 0 20px 1.3em;line-height:2.1;font-size:13px;color:#333;}
ol.seo-install code{background:#eef;padding:1px 5px;font-size:12px;}

/* Responsive for SEO sections */
@media(max-width:1020px){.seo-inner{width:100%;padding:0 12px;}}
@media(max-width:740px){
  .seo-stats,.seo-features{grid-template-columns:repeat(2,1fr);}
  .seo-steps,.seo-usecases{grid-template-columns:repeat(2,1fr);}
  .seo-twocol{grid-template-columns:1fr;}
  .seo-grid2,.seo-grid3{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .seo-stats,.seo-features,.seo-steps,.seo-usecases{grid-template-columns:1fr;}
  .seo-compare{font-size:11px;}
}

/* === REPLACE INLINE STYLES (audit fix) === */
.icon-float-right{float:right;margin-left:20px;margin-bottom:10px;}
.overflow-hidden{overflow:hidden;}
.overflow-x-auto{overflow-x:auto;}
.seo-body-text{font-size:13px;color:#5f5f5f;margin-bottom:10px;line-height:1.7;}
.seo-step-row{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px;border:1px solid #d0d8ee;border-left:4px solid #133c8a;padding:18px;background:#fff;}
.seo-step-num{min-width:40px;height:40px;border-radius:50%;background:#133c8a;color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.seo-step-body h3{margin:0 0 8px;}
.seo-step-body p{font-size:13px;color:#333;line-height:1.7;margin:0 0 10px;}
.seo-step-body img{max-width:100%;border:1px solid #d0d8ee;margin-top:6px;}
.seo-step-body .seo-note{font-size:11px;color:#888;margin-top:4px;}
.seo-tip-box{background:#f0f4fc;border:1px solid #c0cce8;padding:14px 16px;font-size:13px;margin-top:4px;}
.seo-img-caption{font-size:11px;color:#888;margin-top:5px;text-align:center;}
.seo-section-note{font-size:13px;color:#5f5f5f;margin-bottom:10px;}
.seo-subtext{font-size:13px;line-height:1.8;color:#333;}
.seo-cta-extra{margin-top:14px;font-size:12px;opacity:.75;}
.seo-cta-extra a{color:#f0c040;}
.img-caption{font-size:11px;color:#888;margin-top:6px;text-align:center;}
.seo-grid3-mt{margin-top:16px;}
.img-award-thumb{object-fit:contain;background:#fff;padding:18px;height:120px;}
.tip-box{background:#f5f7fc;border:1px solid #d0d8ee;border-left:4px solid #133c8a;padding:14px 16px;margin-top:20px;font-size:13px;}
.dl-table-mt{margin-top:8px;}
.seo-cta-links{margin-top:14px;font-size:12px;opacity:.75;}
.seo-cta-links a{color:#f0c040;}