/* Shared World of Tanks portal styling. */
body { background: #101511 !important; color: #d9ded5; font-family: Roboto, Arial, sans-serif; }
body > section, body > .container { position: relative; }
body > section > .container, body > .container { width: min(1500px, calc(100% - 48px)); max-width: 1500px; }
body > section > .container[style*='bg2.png'], body > .container[style*='bg2.png'], .container .col-md-12[style*='bg2.png'] { margin-top: 24px; padding: clamp(20px, 3vw, 38px); border: 1px solid #3a4136; border-radius: 8px; background: #1b221b !important; box-shadow: 0 14px 35px rgba(0,0,0,.2); }
body h1, body h2, body h3, body h4, body h5, body h6 { color: #f1f1e8; }
body h1, body .h1 { font-weight: 700 !important; }
body a { color: #e6a265; }
body a:hover, body a:focus-visible { color: #ffbc7b; }
body .text-dark { color: #e4e7dc !important; }
body .text-muted { color: #aeb8a8 !important; }
body .bg-light, body .bg-success { background-color: #1b221b !important; }
body .card { overflow: hidden; border: 1px solid #414b3d; border-radius: 8px !important; background: #252e24; color: #dbe1d5; box-shadow: 0 8px 20px rgba(0,0,0,.14); }
body .card .card { border: 0; border-radius: 0 !important; box-shadow: none; }
body .card-body { padding: 20px; }
body .card-body a, body .card-body .h2, body .card-body .h3 { color: #f1f2e9 !important; }
body .card-body a:hover { color: #ffb778 !important; }
body .card.product-wap { height: calc(100% - 1rem); transition: border-color .2s ease, transform .2s ease; }
body .card.product-wap:hover { border-color: #ad774d; transform: translateY(-2px); }
body .product-wap .card-body { min-height: 66px; padding: 16px; }
body .product-wap .card-body .h2, body .product-wap .card-body .h3 { font-size: 18px !important; line-height: 1.3; font-weight: 700; }
body .product-wap .card-img { object-fit: contain; }
#carousel-related-product3 img[style*='bgtt.jpg'], #carousel-related-product img[style*='bgtt.jpg'] { height: 120px; padding: 12px; object-fit: contain; background: #b8c0b8 !important; }
#carousel-related-product3 .product-wap, #carousel-related-product .product-wap, #carousel-related-product2 .product-wap { margin: 0; }
body .card-img-overlay { background: rgba(12,17,13,.42); }
body .btn-success, body .input-group-text.bg-success { border-color: #bf5724 !important; background: #c35825 !important; color: #fff !important; }
body .btn-success:hover { background: #e07032 !important; }
body .slick-dots li button:before { color: #d38a50; opacity: .55; }
body .slick-dots li.slick-active button:before { color: #f4a663; opacity: 1; }
body .container[style*='bg2.png'] > ul { padding: 0; margin: 0 0 24px; list-style: none; }
body .container[style*='bg2.png'] > ul li, body .shop-top-menu { color: #aebcae; }
body .inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 20px 0 8px; color: #c4d0c1; font-size: 18px !important; font-weight: 700; }
body .topic { display: inline-flex; justify-content: center; align-items: center; min-width: 46px; min-height: 46px; padding: 8px; border: 1px solid #515c4b; border-radius: 5px; background: #303b2d; color: #f4f1e6; font-size: 18px !important; text-decoration: none; }
body .topic:hover, body .topic:focus-visible { border-color: #e18a49; background: #a34a20; color: #fff; }
body .container[style*='bg2.png'] > h1 { margin: 10px 0 18px; font-size: clamp(30px, 3vw, 46px); }
body .container[style*='bg2.png'] > a > img { max-width: 140px; max-height: 104px; object-fit: contain; padding: 8px; border: 1px solid #505c4c; border-radius: 6px; background: #b8c0b8; }
#Holder { max-width: 100%; overflow-x: auto; }
#Holder table { min-width: 700px; border-collapse: separate; border-spacing: 2px; color: #f5f3eb; }
#Holder th, #Holder td { padding: 9px 6px; font-size: 13px; line-height: 1.35; }
#Holder th { color: #fff; text-shadow: 0 1px 3px #000; }
#Holder td { background-color: #2a3329; }
body .form-control { border-color: #566453; background: #f4f5ee; color: #162016; }
#worldoftanks_search .modal-content { background: #fff; }
#tempaltemo_footer { margin-top: 24px; border-top: 1px solid #46503e; background: #10150f !important; }
#tempaltemo_footer h2 { color: #edece0 !important; }
#tempaltemo_footer a { color: #c5ccbe; }
#tempaltemo_footer a:hover { color: #f6a865; }
@media (max-width: 767px) {
  body > section > .container, body > .container { width: calc(100% - 28px); }
  body > section > .container[style*='bg2.png'], body > .container[style*='bg2.png'], .container .col-md-12[style*='bg2.png'] { margin-top: 14px; padding: 18px; }
  body .topic { min-width: 40px; min-height: 40px; font-size: 16px !important; }
  body .card-body { padding: 16px; }
  body .row > .col-md-2:has(> .product-wap), body .row > .col-md-3:has(> .product-wap) { width: 50%; }
  body .product-wap .card-body .h2, body .product-wap .card-body .h3 { font-size: 16px !important; }
  body .product-wap .card-body { padding: 12px; }
}

/* Carry the replay header's charcoal and orange palette through the portal. */
body { background: #0c0d0f !important; color: #c9c9c4; }
body > section > .container, body > .container { width: min(1760px, 92%); max-width: 1760px; }
body > section > .container[style*='bg2.png'], body > .container[style*='bg2.png'], .container .col-md-12[style*='bg2.png'] {
  margin-top: 24px; padding: clamp(20px, 2.3vw, 36px); border: 1px solid #383a3d; border-radius: 4px; background: #17191b !important; box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
body h1, body h2, body h3, body h4, body h5, body h6 { color: #f0ede5; }
body .container[style*='bg2.png'] > .row:first-child h4 { margin: 0; color: #f0ede5; font-family: Impact,'Arial Narrow',Arial,sans-serif; font-size: clamp(24px, 2vw, 30px); font-weight: 400; letter-spacing: .4px; text-transform: uppercase; }
body .container[style*='bg2.png'] > .row:first-child { padding: 8px 12px 22px !important; border-bottom: 1px solid #383a3d; margin-bottom: 20px; }
body .bg-light, body .bg-success { background-color: #17191b !important; }
body .card { border-color: #3c3e40; border-radius: 4px !important; background: #232528; color: #dadad5; box-shadow: 0 6px 18px rgba(0,0,0,.2); }
body .card .card { background: #202225; }
body .card.product-wap { height: auto; border-color: #3e4042; }
body .card.product-wap:hover { border-color: #dd712f; }
body .product-wap .card-body { min-height: 55px; padding: 13px 15px; background: #242629; }
body .product-wap .card-body .h2, body .product-wap .card-body .h3 { font-size: 16px !important; }
body .product-wap .card-body a { color: #f1eee6 !important; }
body .product-wap .card-body a:hover { color: #ff954b !important; }
#carousel-related-product3 img[style*='bgtt.jpg'], #carousel-related-product img[style*='bgtt.jpg'] { height: 94px; padding: 13px; background: #777b78 !important; }
body .card-img-overlay { background: rgba(7,7,8,.42); }
body .inline { color: #c3c3bc; }
body .topic { border-color: #4c4d4c; background: #292b2d; color: #f0ede5; }
body .topic:hover, body .topic:focus-visible { border-color: #e66b29; background: #bd4218; }
body .container[style*='bg2.png'] > a > img { border-color: #484a4a; background: #777b78; }
body .container[style*='bg2.png'] > section > .container { width: 100%; max-width: none; padding-right: 0; padding-left: 0; }
body .container[style*='bg2.png'] .card-body h3 { margin-bottom: 18px; font-size: 22px; }
#Holder td { background-color: #25272a; }
#Holder th, #Holder td { border-color: #414145; }
body .text-muted, body .container[style*='bg2.png'] > ul li, body .shop-top-menu { color: #b3b3ae !important; }
#tempaltemo_footer { border-top-color: #3c3d3e; background: #121315 !important; }
#tempaltemo_footer a { color: #cccac4; }
#tempaltemo_footer a:hover { color: #ff954b; }
@media (max-width: 767px) {
  body > section > .container, body > .container { width: calc(100% - 28px); }
  body > section > .container[style*='bg2.png'], body > .container[style*='bg2.png'], .container .col-md-12[style*='bg2.png'] { padding: 18px; }
  #carousel-related-product3 img[style*='bgtt.jpg'], #carousel-related-product img[style*='bgtt.jpg'] { height: 82px; }
}