input#aipv-live-search {border: 0; padding: 0;}
video.aipv-main-media-video, video.atm-term-video {border-radius: 15px;}
.atm-player-outer {border-radius: 15px !important;}
.tool-star-rating .star svg {height: 20px;}

div#aipv-search-wrapper {display: flex;gap: 10px; align-items: center;}
.user-profile i {font-size: 20px;}
.user-profile {background: #f9d04d; width: 40px; min-width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }

/* Category Page CSS */
.load-more-category a {width: max-content;height: auto;border-radius: 10px;border: 1px solid rgba(255, 170, 0, 0.2);
background: #120d00;color: #FFF4D9;font-size: 14px;font-weight: 600;cursor: pointer;transition: 0.3s ease;padding: 10px 20px;}
.load-more-category {display: flex;justify-content: center;margin-top: 30px;}

.new-category-list.category-page-update .custom-row .col-4 {width: 25%;}
.new-category-list.category-page-update .custom-row .col-8 {width: 75%;}
.new-category-list.category-page-update .rightside {grid-template-columns: repeat(2, 1fr);}
.category-page-update.custom-row {gap: 30px;}
.new-category-list.category-page-update .list-div {display: flex;align-items: center; gap: 20px;color: #ffffdd;font-size: 18px;}
.new-category-list.category-page-update .listdiv-button {display: flex;align-items: center;text-align: center; gap: 10px;}
.new-category-list.category-page-update .leftside.discover-ai-list {padding: 20px;border-radius: 15px; background: #130e00eb;border: 1px solid #5D460D; height: auto;}
.new-category-list.category-page-update .list-heading h2 {
margin: 0; font-weight: 500; color: #E5B33A; font-size: 16px; text-transform: capitalize;}
.new-category-list.category-page-update .best-ai-list h3 {font-weight: 500; color: #E5B33A; font-size: 16px; margin: 0 0 15px; text-transform: capitalize;}
.new-category-list.category-page-update .best-ai-list ul { max-height: 250px; overflow-y: scroll; padding: 0; margin: 0; display: flex; flex-direction: column;}
.new-category-list.category-page-update .best-ai-list ul li a {color: #FFF4D9; font-size: 16px; display: flex; align-items: center; gap: 20px;padding: 6px 10px; border-radius: 8px; transition-duration: .35s; border: 1px solid transparent;}
.new-category-list.category-page-update .best-ai-list ul li a:hover {color: #e4b534; background: #1a1303; border: 1px solid #5D460D;}
.new-category-list.category-page-update .best-ai-list ul li a.active {color: #e4b534; background: #1a1303; border: 1px solid #5D460D;}
.new-category-list.category-page-update .best-ai-list ul li {color: #FFF4D9; list-style: none;}
.new-category-list.category-page-update span.sub-title {display: block;font-size: 12px;line-height: 10px;}

.new-category-list.category-page-update span.icon-img {width: 25px; min-width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #5D460D; overflow: hidden; background: #4a330d;}
span.cate-name {display: flex;justify-content: space-between;width: 100%;align-items: center;}
form.search-bar {margin-bottom: 20px;}
form.search-bar input {border: 1px solid #5d460d54; border-radius: 10px; padding: 12px 15px 12px 35px; display: inline-flex; align-items: center; color: #726b5a; background: none; margin-bottom: 0px;
  background-image: url(/wp-content/uploads/2026/05/search-icon.svg);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 4%;}

.gird-list-main{display: flex; align-items: center; justify-content: space-between; background: #130e00;
    padding: 10px; border-radius: 10px; border: 1px solid rgba(255,174,0,0.60);}
.grid-list-div span {border: 1px solid #5d460d54; border-radius: 10px;padding: 5px 10px; display: inline-flex; align-items: center; background: #161001; color: #fff4d9; gap: 10px; text-transform: uppercase; font-weight: 600; font-size: 14px;}
.grid-list-box {align-items: center; color: #fff4d9; font-size: 16px; gap: 20px; display: flex;}

.new-category-list.category-page-update h3.top-space {margin-top: 15px;}
.category-grid {display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 25px;}
.category-grid button {height: 30px; width: 30px; border-radius: 7px; border: 1px solid #4f3b14; color: #f7cf73; 
font-size: 13px; font-weight: 600; cursor: pointer; transition: 0.3s ease; display: flex; align-items: center; justify-content: center;}
button:focus {background: none;;}
.category-grid button:hover{background:#f0b84c; color:#000; box-shadow:0 0 12px rgba(240,184,76,0.45); }
.filters{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.filter-btn{padding: 6px 6px; border-radius:8px; border:1px solid #433418; color:#f4d58d; font-size:13px; font-weight:500; display:flex; align-items:center; gap:8px; cursor:pointer; transition:0.3s ease; }
.filter-btn:hover{background:#151b24; border-color:#e0a93f; }
.users-box {border: 1px solid #5d460d54; border-radius: 10px; padding: 10px; background: #5d460d54;}
.live-status{display:flex; align-items:center; gap:10px; margin-bottom:14px; color:#ffffff; font-size:14px; }
.live-dot{width:9px; height:9px; background:#00ff73; border-radius:50%; box-shadow:0 0 10px #00ff73; }
.avatar-group{display:flex; align-items:center; margin-left: 10px;}
.avatar-group img{width:34px; height:34px; border-radius:50%; border:2px solid #10141d; object-fit:cover; margin-left:-8px; }
.avatar-group img:first-child{margin-left:0; }
.more-count{margin-left:10px; color:#ffffff; font-size:14px; font-weight:600; }
hr.cr-line {border: 1px solid #433418; height: 1px; margin-top: 10px; background: none ;}

/* GRID */
.ai-card:hover::before {
background: linear-gradient(90deg, #4c3706 0%, #4c3706 0%, #4c3706 40%, #2e180000 70%, #2e180008 100%);}
.ai-category-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; margin-top: 20px;}
.ai-card{position:relative; min-height:190px; border-radius:14px; overflow:hidden; border:1px solid rgba(255,174,0,0.60); background:#2c2004; transition:0.35s ease; isolation:isolate; }
.ai-card:hover{transform:translateY(-5px);     box-shadow: 0 0 25px rgb(78 45 0), inset 0 0 30px rgb(255 170 0) !important;
    border-color: #f5d244;}
.card-content{padding:15px; width:100%; display:flex; flex-direction:column; height:100%; }
.top-title{display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
.icon-box{width:38px; height:38px; border-radius:10px; border:1px solid rgba(255,180,0,0.35); display:flex; align-items:center; justify-content:center; background:rgba(255,140,0,0.08); font-size:20px; color:#ffbf47; flex-shrink:0; }
.top-title h3{font-size:18px; font-weight:800; line-height:1; margin: 0 0 4px; color: #FFF4D9;}
.tools-count{font-size:14px; color:#d7a956; }
.popular-title{font-size:14px; color:#ffb340; font-weight:700; margin-bottom:4px; }
.tool-list{list-style:none; margin: 0 0 10px; padding: 0; gap: 2px; display: flex; flex-wrap: wrap;}
.tool-list li{font-size:14px; color:#FFF4D9; margin-bottom:0px; display:flex; align-items:center; gap:7px; width: 100%;}
.tool-list li::before{content:"✦"; color:#ffb340; font-size:10px; }
.card-desc {font-size: 14px; line-height: 1.5; color: #FFF4D9; margin-bottom: 12px; max-width: 170px;
overflow: hidden; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.explore-btn {
width: max-content;
height: auto;
border-radius: 10px;
border: 1px solid #8f711f;
background: none;
color: #FFF4D9;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: 0.3s ease;
padding: 5px 10px;
    box-shadow: 2px 0px 10px #ffde7361;}

.ai-card::before {content: ""; position: absolute; inset: 0;
background: linear-gradient(90deg, #2c2004 0%, #110b00 0%, #110b00 40%, #2e180000 70%, #2e180008 100%);
z-index: -1;}
.explore-btn:hover{background:#ffb340; color:#000; box-shadow:0 0 18px rgba(255,179,64,0.35); }
.ai-card .bg-image {position: absolute; top: 0px; right: 0px; width: 60%; height: 100%; object-fit: cover; z-index: -2;border-radius: 0px;}
.banner-heading {margin-bottom: 30px;  display: block;}
.banner-heading h2 {color: #FFF4D9; margin: 0; font-family: "Playfair Display", sans-serif; font-size: 38px;}

/* MOBILE */
@media(max-width:768px){
.card-content{width:100%;}
.ai-card .bg-image{width:100%;opacity:0.25;}
}

/* Scrollbar width */
.best-ai-list ul::-webkit-scrollbar {
  width: 8px;
}
/* Track (background) */
.best-ai-list ul::-webkit-scrollbar-track {
  background: #1a1403;
  border-radius: 10px;
}
/* Thumb (scroll handle) */
.best-ai-list ul::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #e4b534, #5d460d);
  border-radius: 10px;
  border: 1px solid #3a2c05;
}
/* Hover effect */
.best-ai-list ul::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ffd86b, #7a5c10);
}

.auth-wrapper {width: 100%; max-width: 1080px; background: rgba(17,24,39,0.92); border-radius: 28px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; backdrop-filter: blur(10px); min-height: 535px; }
.left-side img {width: 100%; height: 100%; object-fit: cover;}
.left-side {position: relative;color: #fff; padding: 0px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.left-side::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
circle at top right,
rgba(255,215,0,0.18),
transparent 60%); z-index: 2;}

.left-side * {position: relative;z-index: 3;}
.left-side h1 {font-size: 34px; line-height: 1.2; margin-bottom: 24px; font-weight: 800; color: #FFF4D9;}
.left-side p {font-size: 16px; line-height: 1.9; color: rgba(255,255,255,0.78); }
.right-side {padding: 40px; background: #281f06; }
.tabs {display: flex; background: rgba(255,255,255,0.06); border-radius: 16px; overflow: hidden; margin-bottom: 35px; padding: 5px; border: 1px solid #e5b33a47; }
.tabs button {flex: 1; padding: 10px 15px; border: none; background: transparent; font-size: 15px; font-weight: 700; cursor: pointer; border-radius: 12px; transition: 0.3s; color: #FFF4D9; }
.tabs .active {background: linear-gradient(135deg,#C49808,#FFD755,#C49808); color: #000; }
.form-group {margin-bottom: 18px;}
.form-group label {display: block; margin-bottom: 8px; color: #FFF4D9; font-size: 14px; }
.form-group input {width: 100%; padding: 10px 15px; border: 1px solid #e5b33a47; border-radius: 8px; outline: none; font-size: 15px; background: rgba(255,255,255,0.05); color: #FFF4D9; transition: 0.3s; }
.form-group input:focus {border-color: #FFD755; box-shadow: 0 0 0 4px rgba(255,215,85,0.15); }
.two-column {display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.checkbox {display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 14px; color: #FFF4D9; }
.checkbox2 {margin-bottom: 0px;}

.forgot {text-align: right; margin-top: 0; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.forgot a {color: #FFD755; font-size: 13px; text-decoration: none; font-weight: 600; }

.auth-btn {color: #281f06; width: 100%; padding: 16px; border: none; background: linear-gradient(135deg,#C49808,#FFD755,#C49808); border-radius: 14px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.auth-btn:hover {transform: translateY(-2px); opacity: 0.95; }
button.close-btn-pass { margin-top: 15px;}
.modal {display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.7); justify-content: center; align-items: center; z-index: 999;}
.modal-box {background: #281f06; padding: 25px; border-radius: 16px; width: 90%; max-width: 400px; color: #FFF4D9; box-shadow: 0 20px 60px rgba(0,0,0,0.6);}
.modal-box h2 {margin: 0 0 10px;}
.modal-box p {font-size: 13px; color: #ccc; margin-bottom: 15px;}
.modal-box input {width: 100%; padding: 12px; border-radius: 10px; border: 1px solid #e5b33a47; background: rgba(255,255,255,0.05); color: ##FFF4D9; margin-bottom: 15px;}
.modal-box button {width: 100%; padding: 10px; border: none; border-radius: 10px; background: linear-gradient(135deg,#C49808,#FFD755); font-weight: bold; cursor: pointer; color: #000; font-size: 16px;}
..auth-wrapper button.close-btn {margin-top: 10px; background: transparent; color: #000;    position: relative;    top: 10px; right: 0; }
::placeholder {color: #bfb48e;}

/* Trending tools */
.aipv-rating-only{display:flex; align-items:center; gap:4px;}
.aipv-rating-icons{display:flex; align-items:center; gap:2px;}
.aipv-rating-icons svg{width:20px; height:20px; display:block;}
.aipv-rating-text{font-size:26px; font-weight:600; color:#FFF4D9;}

.border-height {min-height: 175px;}
.margin-right .e-con-inner {margin: 0 auto 0 0 !important;}
.join-vip-member span.high-light {font-size: 42px; line-height: 62px;}
.aipv-header-user button.aipv-header-auth-btn.cus-login-btn {
    display: flex;justify-content: center;}

/* Submit Review Ppup */
button.aipv-open-review-modal {
background-color: #E5B33A00;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
color: #FFF4D9;
box-shadow: 0px 0px 20px 0px rgba(220, 157.00000000000003, 2.9999999999999827, 0.33);
border: 1px solid #CAB786;
border-radius: 100px 100px 100px 100px;
padding: 0px 30px 0px 30px;
height: 50px;
line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}
button.aipv-open-review-modal:hover {
    background-image: linear-gradient(45deg, #C49808, #FFD755, #C49808);
    color: #000;
    transform: translateY(8px);}
span.cus-submit-icon svg {width: 17px; fill: #fff;}

.open-popup-btn {
background: linear-gradient(to bottom, #d4a017, #8a6d10);
color: #fff; border: none; padding: 14px 30px; border-radius: 8px; cursor: pointer; font-size: 16px; font-weight: bold;
}
.aipv-modal-overlay {position: fixed; inset: 0; background: rgba(0,0,0,0.8); display: none; justify-content: center; align-items: flex-start; z-index: 9999; overflow-y: auto; padding: 30px 20px 30px;}
 .aipv-modal-overlay.active {display: flex; }
.review-card {background-color: #141414;; width: 1024px; border-radius: 15px; padding: 30px; position: relative; border: 1px solid #483d1e; }

.close-btn {position: absolute; top: 20px; right: 20px; background: none; border: none; color: white; font-size: 24px; cursor: pointer; }
 .header {display: flex; align-items: center; gap: 20px; margin-bottom: 30px; }
.logo-box {width: 50px; height: 50px; background: linear-gradient(145deg, #222, #111); border: 1px solid #d4a017; border-radius: 12px; display: flex; justify-content: center; align-items: center; font-size: 22px; color: #d4a017; }
.header h1 { font-size: 24px; margin: 0; color: #FFF4D9; text-transform: uppercase;}
.header p { color: #fdfdfd; margin: 0px 0; }
.verified { color: #d4a017; font-size: 14px; font-weight: bold; }
.main-content {display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; margin-bottom: 30px;}
.ratings-section, .score-section {background: #1a1a1a; padding: 20px; border-radius: 10px; border: 1px solid #483d1e; }
body .section-title { font-size: 20px; color: #d4a017; margin: 0px 0 10px;font-weight: 600;}
.subtitle { font-size: 13px; color: #fdfdfd; margin: -10px 0 15px; }
.score-section p {margin-top: 0; color: #FFF4D9; font-size: 22px; }
.rating-row {display: flex;justify-content: space-between; align-items: center;margin-bottom: 5px;}
.rating-row span {font-size: 18px; color: #FFF4D9;}
.rating-row span i { margin-right: 10px; color: #d4a017; }
.flames i { color: #333; margin-left: 5px; font-size: 18px; }
.flames i.active {color: #ff5722;text-shadow: 0 0 10px #ff5722;}
.score-section { text-align: center; }
.score-circle {width: 150px; height: 150px; border-radius: 50%; border: 5px solid #d4a017; margin: 20px auto; display: flex; justify-content: center; align-items: center; position: relative; box-shadow: inset 0 0 20px rgba(212, 160, 23, 0.2); }
.circle-inner i { color: #ff5722; font-size: 24px; display: block; }
.score-num { font-size: 40px; color: #FFF4D9; font-weight: bold; }
.total-num { color: #fdfdfd; font-size: 20px; }
.excellent-text { color: #d4a017; margin: 10px 0; font-weight: 600;}

.success-popup{position:absolute;inset:0;display:none;justify-content:center;align-items:center;z-index:20;}
.success-popup.active{display:flex;}
.review-card.blur-bg::after{content:"";position:fixed; inset:0;background:rgba(0,0,0,0.78);backdrop-filter:blur(6px);border-radius:15px;z-index:5;}
.success-content{width:100%; max-width: 520px; background:rgba(10,10,10,0.97);border:1px solid rgba(212,160,23,0.45);border-radius:24px;padding:40px 35px;position:relative;
    overflow:hidden;
    text-align:center;
    z-index:25;
    box-shadow:
    0 0 40px rgba(0,0,0,0.6),
    0 0 25px rgba(212,160,23,0.08);
    animation:popupShow 0.35s ease;
}

/* PARTICLES */
.paragrah-max-width p {max-width: 500px;}
.floating-particles span{position:absolute;width:8px;height:8px;background:#d4a017;opacity:0.7;transform:rotate(45deg); animation:floatParticle 5s linear infinite;}

.floating-particles span:nth-child(1){top:35px;left:35px;}
.floating-particles span:nth-child(2){top:70px;right:60px;}
.floating-particles span:nth-child(3){top:120px;left:60px;}
.floating-particles span:nth-child(4){top:55px;right:35px;}
.floating-particles span:nth-child(5){top:25px;left:200px;}
.floating-particles span:nth-child(6){top:150px;right:100px;}
.floating-particles span:nth-child(7){top:180px;left:25px;}
.floating-particles span:nth-child(8){top:200px;right:25px;}

@keyframes floatParticle{

    0%{
        transform:translateY(0) rotate(45deg);
        opacity:0.7;
    }

    50%{
        transform:translateY(-10px) rotate(45deg);
        opacity:1;
    }

    100%{
        transform:translateY(0) rotate(45deg);
        opacity:0.7;
    }
}
.success-circle{
width:120px;height:120px;margin:0 auto 28px;border-radius:50%;border:2px solid rgba(76,255,140,0.45);

display:flex;justify-content:center;align-items:center; box-shadow:
0 0 25px rgba(76,255,140,0.18),
inset 0 0 20px rgba(76,255,140,0.08);}
.success-circle-inner{width:74px;height:74px;border-radius:50%;
background: radial-gradient(circle at top, #ffcc33, #ff8c00);

display:flex;justify-content:center;align-items:center;
box-shadow:0 0 30px rgba(255,140,0,0.45);}
.success-circle-inner img{width:34px;}

.success-content h2{font-size:36px; color:#fff; margin:0 0 14px; font-weight:700;}
.success-desc{color:#c7c7c7; font-size:20px; line-height:1.4; margin-bottom:35px;}
.pending-box{border:1px solid rgba(212,160,23,0.35); border-radius:16px; padding:18px; display:flex; align-items:center; gap:16px; background:rgba(255,196,0,0.03); margin-bottom:35px; text-align:left;}
.pending-icon{width:42px; height:42px; border-radius:10px; background:rgba(255,196,0,0.08); display:flex; justify-content:center; align-items:center; color:#d4a017; font-size:20px;}
.pending-text{display:flex;flex-direction:column;gap:0px;}
.pending-text strong{color:#fff; font-size:16px;}
.pending-text span{color:#a9a9a9; font-size:14px;}
.success-actions{display:flex;gap:16px;}
.success-actions button{flex:1;height:54px;border-radius:12px;border:none;cursor:pointer;font-size:16px;font-weight:600;}
.view-btn{background:#111;border:1px solid #2c2c2c !important;color:#fff;}
.close-success-btn{background:linear-gradient(to bottom,#e1b64d,#b88410);
color:#000;}

@keyframes popupShow{

    from{
        opacity:0;
        transform:scale(0.85);
    }

    to{
        opacity:1;
        transform:scale(1);
    }
}

.aipv-search-input-inner {position: relative;}
span.aipv-search-spinner, button.aipv-search-clear {position: absolute;right: 0;}
body .aipv-active-niches {margin-top: 0;}

body .aipv-search-bar {padding: 6px 0px 6px 20px;  gap: 0;}
button.aipv-user-avatar-btn, button.aipv-header-auth-btn {border-radius: 50%; width: 45px; height: 45px; min-width: 45px; background: #e5b33a; color: #000; font-size: 20px; text-align: center; padding: 0;}
div#aipv-user-dropdown {transition-duration: .35s; position: absolute; background: #161105; padding: 10px; border-radius: 10px; right: 0; border: 1px solid #85630f; color: #fff; }
/* .aipv-header-user button#aipv-user-avatar-btn:hover + .aipv-user-dropdown {opacity: 1; visibility: visible;} */


/* All Tools */
.avatar-group svg {
    margin-left: -8px;
    background: #0f0c02;
    gap: 0 !important;
    width: 25px !important;
    height: 25px !important;
}
img.aipv-main-media-image {
    aspect-ratio: 690/400;
    object-fit: cover;
}
.aipv-niche-tags {
    flex: 0 0 100%;
}
.all-tools-list span.ribbon {left: -45px; top: 20px; background: #BA0E00; color: #fff;}
.new-category-tool ul.top-list.all-tools-list {grid-template-columns: repeat(3, 1fr);}
.all-tools-list .star-rating {padding: 0;border: 0;background: none;}
.tool-rating-cnt-img {width: 40px; height: 40px; font-size: 20px; display: flex; align-items: center; border-radius: 5px; justify-content: center; background: #3f2f066b; color: #e5b33a;}

.tool-img-titel i {font-size: 32px; color: #e5b33a;}
.trending-img img {max-width: 20px;}
.trending-img {display: flex;align-items: center; gap: 10px;}
.page-id-9072 header#masthead .e-con-inner {max-width: 100%;}
ul.top-list.all-tools-list .heat-score {margin-top: -50px; position: relative; z-index: 11111;}
ul.top-list.all-tools-list .img-box:before {content: ""; height: 100%; position: absolute; top: 0;
left: 0;z-index: 1; width: 100%; 
background-image: linear-gradient(180deg, #00000000, #00000000, #1a1501);}
.all-tootls .star-rating {width: max-content;}
.all-tootls .rating-score {display: flex; gap: 10px; justify-content: space-between;margin-bottom: 10px;}
.all-tootls .rating-score span.heat-score-text {color: #fff4d9; font-weight: 600;}
.all-tootls .img-box {border-radius: 15px 15px 0 0;}
.all-tootls ul.top-list > li:hover {background: #1a1501;}
.users-box.tool-user-box {background: #0f0c02; width: max-content;}
.tootl-tabs ul {padding: 0; margin: 0; display: flex; gap: 15px;}
.tootl-tabs ul li {list-style: none; border-radius: 10px; color: #fff4d9; display: flex; justify-content: space-between; gap: 10px; align-items: center; width: max-content; border: 1px solid #755911;
    padding: 5px 10px 5px 8px; background: #0f0c026b;}
.tootl-tabs ul li h3,.tootl-tabs ul li p {margin: 0;}
.tootl-tabs ul li p {font-size: 14px;}

.tool-star-rating {display: flex;gap: 10px;}
.tool-star-rating span.star img {max-width: 12px;}
.tool-star-rating span.rating-text {font-size: 20px; color: #e0a413;line-height: 24px;}
.tootl-tabs ul li h3 {font-size: 16px; text-transform: uppercase; line-height: 20px; color: #e0a413;font-weight: 600;}
.tool-star-rating span.star {display: block; height: 20px;}
.showing-resuilt {color: #fff4d9; font-size: 28px;padding-top: 15px; font-weight: 600;}
.showing-resuilt.high-light-color {color: #dc9d03;}
.tool-img-titel {display: flex;align-items: center; gap: 10px;}
.tool-img-titel img {max-width: 35px; border: 1px solid #e0a413; border-radius: 50%;}
.tool-img-titel span {color: #fff4d9;font-size: 36px;font-weight: 600;}
.tootl-tabs p {color: #fff4d9;margin: 10px 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;}
.all-tootls .img-box > img {aspect-ratio: 5 / 3;object-position: center;}
.tootl-tabs p.tootl-details {max-width: 700px;}

.tootl-tabs ul.breadcrumbs-nav li {border: 0; padding: 0;background: none; width: max-content;}
.tootl-tabs ul.breadcrumbs-nav {gap: 10px; flex-direction: row;}
ul.breadcrumbs-nav {margin-bottom: 15px;}
.tootl-tabs ul.breadcrumbs-nav li a {color: #fff4d9;}
.tootl-tabs ul.breadcrumbs-nav li:last-child a {color: #E1AE06;}
 
/* 18-05-2026 */
/* ==========================================
   LOGIN / SIGNUP POPUP CSS
========================================== */
/* .auth-popup-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.85);display: none;justify-content: center;align-items: center;z-index: 999999;}
.auth-popup-overlay.active{display:flex;}
.auth-modal{width:700px;max-width:90%;background:#111;border:1px solid #d4a017;border-radius:20px;padding:35px;position:relative;box-shadow:0px 0px 30px rgba(212,160,23,0.2);}
.auth-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;}
.auth-tabs{display:flex;background:#1a1a1a;border-radius:10px;overflow:hidden;margin-bottom:25px;}
.auth-tab{flex:1;padding:14px;border:none;cursor:pointer;background:transparent;color:#fff;font-size:16px;font-weight:600;}
.auth-tab.active{background:linear-gradient(45deg,#C49808,#FFD755,#C49808);color:#000;}
.auth-form{display:none;}
.auth-form.active{display:block;}
.auth-form h2{color:#FFF4D9;margin-bottom:20px;font-size:28px;font-weight:600;}
.auth-form input{width:100%;height:50px;margin-bottom:15px;padding:0 15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;}
.auth-form input:focus{outline:none;border-color:#d4a017;}
.signup-submit-btn,.login-submit-btn{width:100%;height:50px;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:16px;background:linear-gradient(45deg,#C49808,#FFD755,#C49808);color:#000;margin-top:10px;}
.signup-submit-btn:hover,.login-submit-btn:hover{opacity:0.9;}
.switch-auth{text-align:center;margin-top:20px;color:#fff;font-size:14px;}
.switch-auth span{color:#d4a017;cursor:pointer;font-weight:600;}
.switch-auth span:hover{text-decoration:underline;} */

/* UPDATED */
/* ==========================================
   AUTH POPUP — NEW DESIGN (APEX STYLE)
========================================== */
.auth-popup-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.88);
    display: none; justify-content: center; align-items: center;
    z-index: 999999;
}
.auth-popup-overlay.active { display: flex; }

.auth-modal {
    width: 600px; max-width: 94vw;
    background: #0d0d0d;
    border: 1px solid rgba(240,165,0,0.22);
    border-radius: 18px;
    padding: 36px 38px 32px;
    position: relative;
    box-shadow: 0 0 70px rgba(240,165,0,0.1), 0 30px 70px rgba(0,0,0,0.6);
    animation: authModalIn 0.38s cubic-bezier(.22,1,.36,1) both;
     will-change: auto; 
}
@keyframes authModalIn {
    from { opacity:0; transform: translateY(24px) scale(.97); }
    to   { opacity:1; transform: translateY(0) scale(1); }
}
.auth-close-btn {position: absolute; top: -10px; right: -10px; border: none; color: rgb(255 255 255); font-size: 36px; line-height: 1; transition: color .2s; padding: 0; background: #c58100; width: 40px; height: 40px; border-radius: 50%; }
.auth-close-btn:hover { color: #fff; }

/* LOGO */
.auth-logo {
    display: flex; align-items: center; gap: 10px;
    justify-content: center; margin-bottom: 22px;
}
.auth-logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.auth-brand { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: 2px; }
.auth-sub   { font-size: 9px;  letter-spacing: 4px; color: #F0A500; text-transform: uppercase; }

/* TABS */
.auth-tabs {
    display: flex;
    background: #1a1a1a;
    border: 1px solid rgba(240,165,0,0.18);
    border-radius: 9px; padding: 4px;
    margin-bottom: 24px;
}
.auth-tab {
    flex: 1; display: flex; align-items: center; justify-content: center;
    gap: 6px; padding: 10px 0;
    background: none; border: none; cursor: pointer;
    font-size: 14px; font-weight: 600;
    color: rgba(255,255,255,0.45); border-radius: 6px;
    transition: all .22s;
}
.auth-tab svg { flex-shrink: 0; }
.auth-tab.active { background: #F0A500 !important; color: #000; }
.auth-tab:not(.active):hover { color: #fff; }

/* FORMS */
.auth-form { display: none; }
.auth-form.active { display: block; }
.auth-form h2 {
    font-size: 22px; font-weight: 700;
    color: #fff; margin-bottom: 4px;
}
.auth-sub-text { font-size: 13px; color: rgba(255,255,255,0.45); margin-bottom: 20px; }

/* FIELDS */
.auth-field {
    position: relative; margin-bottom: 12px;
}
.auth-field svg:first-child {
    position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
    width: 16px; height: 16px; color: rgba(255,255,255,0.4); pointer-events: none;
}
.auth-field input {
    width: 100% !important; height: 48px;
    padding: 0 42px 0 40px !important;
    background: #1a1a1a;
    border: 1px solid rgba(240,165,0,0.18) !important;
    border-radius: 9px !important; color: #fff !important;
    font-size: 14px; outline: none;
    transition: border-color .22s, box-shadow .22s !important;
}
.auth-field input::placeholder { color: rgba(255,255,255,0.35); }
.auth-field input:focus {
    border-color: rgba(240,165,0,0.65);
    box-shadow: 0 0 0 3px rgba(240,165,0,0.09);
}
.auth-field-pw .auth-eye-btn {
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    background: none; border: none; cursor: pointer;
    color: rgba(255,255,255,0.4); display: flex; align-items: center;
    transition: color .2s;
}
.auth-field-pw .auth-eye-btn:hover { color: #fff; }
.auth-field-pw .auth-eye-btn svg { width: 17px; height: 17px; }

/* META ROW */
.auth-meta {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 14px; margin-top: 2px;
}
.auth-remember {
    display: flex; align-items: center; gap: 7px;
    font-size: 13px; color: rgba(255,255,255,0.45); cursor: pointer;
}
.auth-remember input { accent-color: #F0A500; }
.auth-forgot { font-size: 13px; color: #F0A500; text-decoration: none; font-weight: 500; }
.auth-forgot:hover { text-decoration: underline; }

/* SUBMIT BUTTONS */
.signup-submit-btn, .login-submit-btn {
    width: 100%; height: 50px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    border: none; border-radius: 10px; cursor: pointer !important;
    font-size: 15px; font-weight: 700; letter-spacing: 0.4px;
    background: linear-gradient(135deg, #FFD166 0%, #F0A500 50%, #C07D00 100%);
    color: #000; margin-top: 4px;
    box-shadow: 0 4px 18px rgba(240,165,0,0.32);
    transition: filter .22s, transform .22s, box-shadow .22s;
}
.signup-submit-btn:hover, .login-submit-btn:hover {
    filter: brightness(1.1); transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(240,165,0,0.42);
}
.signup-submit-btn:disabled, .login-submit-btn:disabled { opacity: .7; transform: none; }

/* SWITCH LINK */
.switch-auth {
    text-align: center; margin: 15px 0 0 0;
    font-size: 13px !important; color: rgba(255,255,255,0.45);
}
.switch-auth span {
    color: #F0A500; cursor: pointer; font-weight: 600;
}
.switch-auth span:hover { text-decoration: underline; }


/* NEW */
/* PHONE ROW */
.auth-phone-row {display: flex; align-items: stretch; background: #1a1a1a; border: 1px solid rgba(240,165,0,0.18); border-radius: 9px; overflow: hidden; margin-bottom: 12px; transition: border-color .22s, box-shadow .22s; }
.auth-phone-row:focus-within {border-color: rgba(240,165,0,0.65); box-shadow: 0 0 0 3px rgba(240,165,0,0.09); }
.auth-phone-flag {display: flex; align-items: center; gap: 5px; padding: 0 10px 0 12px; border-right: 1px solid rgba(240,165,0,0.18); cursor: pointer; user-select: none; white-space: nowrap; transition: background .2s; }
.auth-phone-flag:hover { background: rgba(255,255,255,0.03); }
.auth-flag-emoji { font-size: 16px; line-height: 1; }
.auth-dial-code  { font-size: 13px; color: rgba(255,255,255,0.5); }
.auth-chevron    { width: 13px; height: 13px; color: rgba(255,255,255,0.4); transition: transform .2s; }
.auth-phone-flag.open .auth-chevron { transform: rotate(180deg); }
.auth-phone-row input {
    flex: 1; padding: 0 14px 0 12px !important;
    background: transparent; border: none !important;
    color: #fff; font-size: 14px; outline: none; height: 48px;
}
.auth-phone-row input::placeholder { color: rgba(255,255,255,0.35); }

/* COUNTRY DROPDOWN (reuses existing .country-dropdown styles — same element) */

/* TERMS CHECKBOX */
.auth-agree-row {
    display: flex; align-items: flex-start; gap: 9px;
    margin-bottom: 14px; margin-top: 2px;
}
.auth-agree-row input[type=checkbox] {
    width: 15px; height: 15px; margin-top: 2px;
    flex-shrink: 0; accent-color: #F0A500; cursor: pointer;
}
.auth-agree-row label { font-size: 12.5px; color: rgba(255,255,255,0.45); line-height: 1.5; cursor: pointer; }
.auth-agree-row label a { color: #F0A500; text-decoration: none; }
.auth-agree-row label a:hover { text-decoration: underline; }

/* DIVIDER */
.auth-divider {display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,0.35); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; margin: 14px 0; }
.auth-divider::before, .auth-divider::after {content: ''; flex: 1; height: 1px; background: rgba(240,165,0,0.15); }

/* SOCIAL BUTTONS */
.auth-social-row { display: flex; gap: 10px; margin-bottom: 4px; }
.auth-social-btn {flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 10px; background: #1a1a1a; border: 1px solid rgba(240,165,0,0.18); border-radius: 9px; color: #fff; font-size: 13px; font-weight: 500; cursor: pointer; transition: border-color .22s, background .22s; }
.auth-social-btn:hover { border-color: rgba(240,165,0,0.55); background: #1f1f1f; }
.auth-social-btn img { width: 17px; height: 17px; }
.auth-social-full {width: 100%; margin-bottom: 10px; flex: unset; }
/* CSS NEW2 — COUNTRY DROPDOWN FOR AUTH POPUP */
#auth-country-dropdown {display: none; flex-direction: column; position: fixed; z-index: 9999999; background: #1c1c1c; border: 1px solid rgba(240,165,0,0.65); border-radius: 10px; overflow: hidden; box-shadow: 0 16px 48px rgba(0,0,0,0.7); max-height: 300px; }
#auth-country-dropdown.open {display: flex; }

#auth-country-dropdown .country-search-wrap {display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid rgba(240,165,0,0.18); flex-shrink: 0; }
#auth-country-dropdown .country-search-wrap svg {width: 16px; height: 16px; min-width: 16px; color: rgba(255,255,255,0.4); flex-shrink: 0; }
#auth-country-dropdown .country-search-wrap input {flex: 1; min-width: 0; width: 100%; background: none; border: none; outline: none; color: #fff; font-size: 13px; padding: 0; height: auto; box-shadow: none; border-radius: 0; }
#auth-country-dropdown .country-list {list-style: none; flex: 1; max-height: 240px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(240,165,0,0.2) transparent; }
#auth-country-dropdown .country-list::-webkit-scrollbar { width: 4px; }
#auth-country-dropdown .country-list::-webkit-scrollbar-thumb {
    background: rgba(240,165,0,0.2);
    border-radius: 4px;
}
#auth-country-dropdown .country-list li {display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; font-size: 13px; color: #fff; list-style: none; transition: background 0.15s; }
#auth-country-dropdown .country-list li:hover {background: rgba(240,165,0,0.08); }
#auth-country-dropdown .country-list li.selected {color: #F0A500; background: rgba(240,165,0,0.05); }
#auth-country-dropdown .country-list .c-flag {font-size: 16px; line-height: 1; flex-shrink: 0; }
#auth-country-dropdown .country-list .c-name {    flex: 1;}
#auth-country-dropdown .country-list .c-code {color: rgba(255,255,255,0.4); font-size: 12px; flex-shrink: 0; }
.input-group-field {display: flex; gap: 15px; }
/* HEAT SCORE CSS - 18-05-2026 */ 
.aipv-heat-score-box{border-radius: 12px; color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px;}
 .aipv-heat-title{font-size: 18px; font-weight: 600; color: #f0b90b; }
.aipv-heat-rating{font-size: 32px; font-weight: 700; color: #f0b90b; line-height: 1; padding-left: 10px; }

/*.aipv-review-count {margin: 10px auto 0 auto; font-size: 16px; font-weight: 500; text-align: center; background-color: #2D2301; border-radius: 30px; width: max-content; border: 1px solid #85630F6B; padding: 5px 10px; flex: 0 0 55%; display: flex; gap: 5px; justify-content: center;}*/
.aipv-review-count {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    background-color: #2D2301;
    border-radius: 30px;
    border: 1px solid #85630F6B;
    padding: 5px 10px;
    display: flex;
    gap: 5px;
    justify-content: center;
}

/* ****** */
/* PROS AND CONS */
span.rating-icon {background: #5D460D; height: 38px; width: 38px; display: inline-flex; border-radius: 50%; justify-content: center; align-items: center; border: 1px solid #e5b33a;}

ul.aipv-pros-list li span svg {height: 20px; fill: #0CA90C; }
.aipv-cons-list li span svg {height: 20px; fill: #B20505; }
ul.aipv-pros-list li, ul.aipv-cons-list li {display: flex;align-items: center;gap: 10px;font-size: 20px;}

ul.aipv-pros-list,ul.aipv-cons-list {gap: 20px; display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; }
.aipv-pros-list,.aipv-cons-list li{font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 400; color: #FFF4D9; transition: color 0.3s; }

/* CSS For Overall rating Section  */
.aipv-rating-overview{position:relative;overflow:hidden;display:flex;align-items:center; gap:25px;padding:28px 32px;border-radius:16px;border:1px solid rgba(255,180,0,0.5);background:linear-gradient(135deg,#1a1200 0%,#0d0900 100%);min-height:140px; margin:0px 0;
box-shadow: inset 0 20px 50px -15px #e5b33a57, inset 0 -20px 50px -15px #e5b33a57;
}
.aipv-rating-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(200,140,0,0.18) 0%,transparent 60%);pointer-events:none;}
.aipv-rating-left {width: 100%; max-width: 200px; position: relative; z-index: 1; display: flex; flex-direction: column; text-align: center;} 
.aipv-rating-heading{font-size:28px;font-weight:700;color:#FFF4D9; line-height:1.2;}
.aipv-flame-row{display:flex;gap:4px;}
.aipv-flame{font-size:24px;}
span.aipv-flame svg {width: 35px; height: 35px; }
.aipv-flame.active{opacity:1;}
.aipv-rating-label{font-size:32px;font-weight:700;color:#E5B33A;margin:0;}
.aipv-divider{width:1px;align-self:stretch;background:rgba(255,180,0,0.4);}
.aipv-bars-col{flex:1;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.aipv-bar-row{display:flex;align-items:center;gap:12px;}
.aipv-bar-label {
    min-width: 180px;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 600; text-align: left;
    color:#FFF4D9;
    display: flex;
    align-items: center;
    gap: 10px;
}
.aipv-bar-wrap{flex:1;height:15px;background:rgba(255,255,255,0.2);border-radius:99px;overflow:hidden;}
.aipv-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#C49808,#FFD755);}
.aipv-bar-value{min-width:40px; color:#FFF4D9;font-size:22px;font-weight:700;}
.aipv-rating-side{width: 100%; max-width:470px; display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;}
.aipv-side-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    border: 1px solid rgba(255,180,0,0.4);
    padding: 10px;
    border-radius: 15px;
}
.aipv-side-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    margin-top: 8px;
}
.aipv-side-icon.success{color:#6dc86d;background:rgba(100,200,100,0.15);border:1px solid rgba(100,200,100,0.4);}
.aipv-side-icon.danger{color:#e05555;background:rgba(220,80,80,0.15);border:1px solid rgba(220,80,80,0.4);border-radius:50%;}

.aipv-side-title{font-size:24px;font-weight:700;color:#FFF4D9;margin:0 0 3px;}
.aipv-side-text{font-size:16px;line-height:1.5;color:rgba(255,244,217,0.55);margin:0;}
.best_for p.aipv-side-text, .not_best_for p.aipv-side-text {
    width: 100%; max-width: 320px; color: #FFF4D9;}
.not_best_for {
    background: url(/wp-content/uploads/2026/05/dislike-icon.svg_.svg);
    background-position: center right;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 10%;
}
.best_for {
    background: url(/wp-content/uploads/2026/05/like-icon.svg);
    background-position: center right;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 10%;
}
.best_for p.aipv-side-title {
    color: #55A42F;
}
.not_best_for p.aipv-side-title {
    color: #B52931;
}

@media(max-width:991px){
.aipv-rating-overview{flex-direction:column;align-items:flex-start;}
.aipv-divider{width:100%;height:1px;}
.aipv-rating-side{min-width:100%;}
}


.aipv-side-icon.success i {font-size: 14px;}
.overall-rating-score {padding-top: 15px;}
.overall-rating-score .aipv-review-count {display: none;}
.overall-rating-score .aipv-heat-score-box {flex-direction: column;}
.overall-rating-score .aipv-heat-rating {font-size: 62px; font-weight: 500;}
.overall-rating-score .aipv-heat-title svg {display: none;}
.overall-rating-score .aipv-heat-title { color: #e80909; font-size: 22px;font-weight: 600;}
.overall-rating-score + p.aipv-rating-label {display: none;}

.Like-rating {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.overall-rating {width: 100% !important; }
.Like-rating .aipv-reactions-wrap {border-radius: 50px; color: #fff; overflow: hidden; }
.Like-rating .aipv-reactions-wrap button.aipv-reaction-btn {padding: 5px; line-height: 25px; font-size: 16px;}
.Like-rating .aipv-reactions-wrap .like-dislike-text {font-size: 18px; margin: 0 5px; }


/* **************** */
/* ==========================================
   LIKE / DISLIKE
========================================== */
.like-dislike-text {display: flex; margin: 0 10px; font-size: 22px; gap: 5px;}
.aipv-reactions-wrap {display: flex; align-items: center; flex-wrap: wrap; border: 1px solid #85630F6B; gap: 0; background: #85630F6B; border-radius: 50px;  overflow: hidden;}
.aipv-reaction-btn {padding: 8px 10px; font-weight: 700; transition: all 0.2s ease; font-size: 20px; border-radius: 4px; background: #2D2301; border: 0;}
.aipv-reaction-btn:hover {border-color: #161000; background: #161000;}
.aipv-reaction-btn:disabled {opacity: 0.6; cursor: not-allowed;}
.aipv-success {color: #4caf50; font-size: 13px; font-weight: 600;}
 .aipv-error {color: #ff5252; font-size: 13px; font-weight: 600;}

/* CSS BY DEVELOPER (16-05-2026) [ENDED] */

/* Recommendations */
.recommend-box {display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 30px; }
.option {background: #1a1a1a; padding: 12px; border-radius: 10px; border: 1px solid transparent; display: flex; align-items: center; gap: 15px; cursor: pointer; position: relative; border: 1px solid #483d1e;}
.option.active { border: 1px solid #d4a017; }
.option i { font-size: 24px; color: #d4a017; }
.option p { font-size: 12px; color: #fdfdfd; margin: 0; }
.check-icon { position: absolute; right: 15px; top: 15px; font-size: 14px !important; }

.bottom-fields {display: flex;gap: 20px;}
.write-review textarea {width: 100%; max-width: 100%; height: 115px; background: #1a1a1a; border: 1px solid #483d1e; border-radius: 8px; color: white; padding: 10px; resize: none; }
.input-group {background: #1a1a1a; border: 1px solid #483d1e; border-radius: 8px; padding: 5px 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
.input-group input, .input-group select {background: none; border: none; color: white; width: 100%; height: 40px; padding: 0; font-size: 14px;}

.auth-tabs button.auth-tab:hover {background: #F0A500; color: #000;}
button:focus {background: none !important;}
/*button:hover{background-image: linear-gradient(45deg, #C49808, #FFD755, #C49808) !important;
    color: #000;}*/
.footer-actions {display: flex;justify-content: flex-end;align-items: center;gap: 20px;margin-top: 30px;}
body button.btn-cancel { background: #333; color: white; border-color: #333;}
.btn-submit:hover {color: #fff;background: none; border-color: #FFF4D9;}
button.btn-submit {background: linear-gradient(to bottom, #d4a017, #8a6d10);
border: 1px solid #FFF4D9; padding: 10px 20px; border-radius: 8px !important; font-weight: bold;cursor: pointer; color: #000;}

.lock-text { font-size: 11px; color: #fdfdfd; margin-top: 5px; text-align: center; }
.cus_footer_login_msg .lock-text{text-align : end;}
.cus_footer_login_msg{margin-top:10px;}
.write-review {position: relative;
width: 100%;display: flex;flex-direction: column;}
.char-count {padding: 0px 0;position: absolute;bottom: 65px;right: 15px;font-size: 14px;}
.user-info {width: 100%;}
label.checkbox-container,p.info-text {font-size: 16px; color: #a0a0a0;} 
.flames {display: flex;flex-direction: row;gap: 0px;}
.flames img {max-width: 15px;}
.circle-inner img {max-width: 25px;display: block;margin: 0 auto 10px auto;}
p.score-desc {margin-bottom: 0; color: #FFF4D9; font-size: 18px;}
p.info-text {
    border-radius: 10px;
    color: #a0a0a0;
    padding: 10px 0 0;
}
.like-dislike {display: flex;flex-direction: column;gap: 0px; color: #FFF4D9;}
input[type="text"]:focus-visible, select:focus-visible, textarea:focus-visible  {
outline: none;}
span.flame-icon svg {height: 24px; width: 24px;}
button.close-btn.aipv-close-modal { background: none;font-size: 46px;padding: 0;line-height: 22px;}
button.close-btn.aipv-close-modal:hover {background: none;}
.input-group select option {background: #333333;}
.input-group input.aipv-display-name {
    border: 0; padding: 0;}
/* .option i.check-icon {display: none;} */
/*   */
.card p {min-height: 50px;}
.divide-bg {background: #261a02; border: 1px solid #e5b33a33; padding: 20px; border-radius: 20px;
    box-shadow: 0px 0px 50px 0px rgba(255, 222, 114.99999999999999, 0.5) inset;}
.divide-bg .showing-resuilt {padding: 0 0 15px;}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: hsl(42.35deg 68% 4.9%);}

/* Top AI Porn Tools */
.star-rating svg {height: 14px; width: 14px;}
.star-rating span.aipv-rating-text {font-size: 14px;}
.heat-score p {color: #FFF4D9; font-size: 16px; margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.top-website-list {display: flex; flex-direction: column; row-gap: 15px;}
ul.top-list {display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-around; gap: 20px; padding: 0; margin: 0;}
ul.top-list > li:hover {background: #322401; border-color: #FFDE73;}
ul.top-list > li {border: 1px solid #fff4d942; padding: 10px; border-radius: 20px; background: #1a1501; list-style: none;transition-duration: .35s; font-family: "Poppins", Sans-serif;}
.website-div {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.website-div h3 {color: #FFF4D9; font-size: 18px; text-transform: capitalize; margin: 0; display: flex; align-items: center; gap: 5px;}

.heat-score h4 {color: #FFF4D9; font-size: 16px; margin: 20px 0 20px 0; display: flex; align-items: center; gap: 8px;}

.button {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px; padding-top: 10px;}
.button a {background-color: #DC9D03; padding: 10px 10px; border-radius: 50px; font-size: 16px; color: #000; display: flex; gap: 10px; width: 100%; align-items: center; justify-content: center; border: 1px solid #E5B33A; font-weight: 600;}
.button a:last-child{background: none; border-color: #FFF4D9; color: #FFF4D9;}
.heat-score {padding: 15px 10px 15px;}
.score-list ul {padding: 0;margin: 0 0 15px;list-style: none; gap: 10px; display: grid; grid-template-columns: repeat(1, 1fr);} 
.score-list ul li {display: flex; justify-content: space-between; color: #FFF4D9; gap: 15px;} 
span.score-line { width: 100%; height: 5px; background: #FFF4D9; border-radius: 40px;}
span.score-title {width: 100%; display: flex; gap: 10px;} 
span.score-title img {max-width: 8px;} 
span.score-title-img {width: 16px; height: 16px; border: 1px solid #deb42a; border-radius: 50%; display: flex; align-items: center;justify-content: center; opacity: 0.7;}

.score-list02 span.score-title-img {margin-top: 6px; width: 6px;height: 6px; border: 1px solid #deb42a;border-radius: 50%;display: flex; justify-content: center; opacity: 0.7;background: #deb42a;}

.img-box {position: relative;overflow: hidden; border-radius: 15px; display: flex;} .img-box > img {aspect-ratio: 4 / 3;object-fit: cover; width: 100%; height: 100%;} ul.top-list > li img {transition-duration: .35s;} ul.top-list > li:hover .img-box > img { transform: scale(1.1);} span.best-seller {position: absolute; background: #000; color: #fff; font-size: 14px; text-transform: uppercase; border-radius: 0px 0 0px 10px; padding: 8px 8px; transform: rotate(-90deg); top: 45px; left: -47px; z-index: 1;} span.star {width: auto; height: auto; color: #cfa416; border-radius: 10px 0px 0 0px; display: flex; gap: 5px; align-items: center;} span.star i {color: #cfa416;font-size: 10px;}
span.star img {max-width: 13px;}
span.site-icon {width: 25px; height: 25px;background: #FFFFDD;border-radius: 50%;border: 1px solid rgba(229,179,58); display: flex; align-items: center;justify-content: center; line-height: 25px; color: #000;} .pagination ul {padding: 0; margin: 0; display: flex; list-style: none; gap: 10px;} .pagination ul li {border: 1px solid #FFF4D9; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #FFF4D9; font-size: 20px; cursor: pointer; transition-duration: .35s;} .pagination ul li:hover {background-image: linear-gradient(45deg, #C49808, #FFD755, #C49808); border-color: #FFDE73; color: #000;} .pagination ul li.active {background-image: linear-gradient(45deg, #C49808, #FFD755, #C49808); border-color: #FFDE73; color: #000;} ul.tags {padding: 0; margin: 20px 0 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px;} ul.tags li {list-style: none; border: 1px solid #5b4b22a1; border-radius: 35px; display: flex; color: #FFF4D9; align-items: center; height: auto; width: 100%; padding: 5px 10px; gap: 8px; background: #110c015c;} 

span.list-title {font-size: 14px; line-height: 20px; font-family: "Poppins", Sans-serif;font-weight: 300;} 

span.tag-icon {height: 20px;} span.tag-icon > img {max-width: 15px;}

.ribbon, .ribbon02, .ribbon03, .verified 
{ position: absolute; left: -50px; /* RIGHT → LEFT */ right: auto; background: linear-gradient(45deg, #C49808, #FFD755, #C49808); color: #000; font-size: 14px; font-weight: 700; padding: 6px 50px; transform: rotate(-45deg); /* IMPORTANT: reverse rotation */ z-index: 2; text-transform: uppercase; letter-spacing: 0.5px; }

/* Optional: thoda vertical adjust (fine tuning) */ 
.verified {top: 20px; left: -45px; background: #0ca90c; color: #000;} 
.ribbon02 {top: 25px; } .ribbon03 {top: 30px; } 
span.checkmark {line-height: 10px; position: absolute; bottom: 10px; right: 10px; color: #fff; background: rgba(0,0,0,0.9); padding: 5px; border-radius: 5px; font-weight: 600; display: flex; align-items: center; gap: 5px; font-size: 14px; text-transform: uppercase;}
span.checkmark img {width: 18px; height: 18px;}
span.pill-spahe {font-sie:14px; top: 10px; right: 10px; position: absolute; background: #2d2301; border-radius: 100px; display: flex; align-items: center; padding: 5px 10px;gap: 5px; text-transform: uppercase; font-weight: 600; color: #fff; border: 1px solid #85630f;}
    span.pill-spahe img {max-width: 18px;}
    .website-div {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;} 

    span.rating-text {color: #ffffdd;font-weight: 600; font-size: 18px;} 
    .star-rating.star-rating-img {position: absolute;bottom: 10px; right: 10px;display: flex;align-items: center; background: #2d2301;padding: 5px 10px;border-radius: 50px;gap: 10px;border: 1px solid #85630f;} .star-rating {font-size: 14px; background: #2d2301; border-radius: 100px; display: flex; align-items: center; padding: 5px; gap: 5px; text-transform: uppercase; font-weight: 600; color: #fff; border: 1px solid #85630f6b; line-height: 0;} span.pill-spahe02 {background: #2d2301; border-radius: 100px; display: flex; align-items: center; padding: 3px 5px; gap: 5px; text-transform: uppercase;font-weight: 600; color: #fff; border: 1px solid #85630f;} span.pill-spahe02 img {max-width: 15px;} span.pill-spahe02 span.green-dot { font-size: 14px;} 

span.check-mark-icon {display: inline-flex;}
span.check-mark-icon img {max-width: 16px;}
.page-id-9093 header, .page-id-9093 footer {display: none;}

.age-box h2 {
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

/* MOBILE */
@media (min-width: 1024px) { }

@media (max-width: 991px) {
.website-div h3 {font-size: 16px;} ul.top-list {grid-template-columns: repeat(1, 1fr);}

} 

@media(max-width: 768px) {
body p {font-size: 14px !important; line-height: 1.4;}
.auth-wrapper {grid-template-columns: 1fr;}
.left-side {display: none;}
.right-side {padding: 30px 20px;}
.two-column {grid-template-columns: 1fr;}

.gird-list-main {display: none;}
.ai-category-grid {grid-template-columns: repeat(auto-fit,minmax(200px,1fr));}
.new-category-list.category-page-update .leftside.discover-ai-list {padding: 10px;}

.aipv-review-count {font-size: 14px;}
.aipv-heat-rating {font-size: 18px; padding-left: 10px;}
.aipv-heat-title {font-size: 16px;}
button.aipv-open-review-modal {font-size: 14px; height: 40px;}
ul.aipv-pros-list li, ul.aipv-cons-list li {font-size: 14px;}
ul.aipv-pros-list, ul.aipv-cons-list {gap: 10px;}
.aipv-rating-overview {gap: 15px; padding: 10px; margin-top: 0;}
.aipv-rating-left {gap: 0; max-width: 100%;}
.aipv-side-text,.aipv-side-title {font-size: 14px;}

.aipv-bars-col {width: 100%;}
.aipv-bar-label {font-size: 14px;text-align: left;}
.aipv-bar-value {font-size: 14px;}

.tootl-tabs ul {gap: 10px;flex-direction: column;}
.tool-img-titel img {max-width: 30px;}
.tool-img-titel {gap: 5px;}
.tootl-tabs p {margin: 10px 0 10px;font-size: 14px;}
.tool-img-titel span {font-size: 16px;}

.tootl-tabs ul li {flex-direction: row; width: 100%;}
.users-box.tool-user-box {width: 100%;}
.user-profile {width: 40px; height: 40px; min-width: 40px;}

/*Login / Sign up Form */
.score-section p {margin-bottom: 0; }
.score-section p.score-desc {flex: 0 0 100%;}
.score-section {display: flex; flex-wrap: wrap; align-items: center;gap: 10px;justify-content: center;}

.header {gap: 10px;margin-bottom: 20px;}
.write-review textarea {height: 80px; font-size: 14px;}
.input-group input, .input-group select {height: 30px;}
.option {padding: 5px;}
label.checkbox-container, p.info-text {font-size: 14px;}
.aipv-modal-overlay p,.like-dislike {font-size: 12px !important; line-height: 18px;}
.aipv-modal-overlay {padding: 30px 10px 10px;}
.review-card {width: 100%;padding: 10px;}
.main-content,.bottom-fields,.recommend-box {display: flex; flex-direction: column;}
.bottom-fields {gap: 5px;}
.header .header-text h1 {font-size: 16px;}
.rating-row span {font-size: 12px;}
.score-circle {width: auto; height: auto; border: 0px; box-shadow: none; margin: 0px;}
.circle-inner {display: flex; align-items: center; gap: 10px;}
.excellent-text {margin: 0; display: none;}
.score-num {font-size: 20px;}
.circle-inner img {max-width: 15px; margin: 0;}
.logo-box {width: 40px; min-width: 40px; height: 40px; font-size: 20px;}
body .section-title {font-size: 16px;}
span.flame-icon svg {height: 20px; width: 20px;}
.footer-actions {gap: 10px;margin-top: 20px;}
button.btn-submit {padding: 8px 10px; font-size: 14px;}
.ratings-section, .score-section {padding: 12px;}
.option i {font-size: 18px;}
/*Login / Sign up Form End */

.divide-bg {padding: 10px;}
.aipv-tt-tabs button {font-size: 14px; padding: 10px 20px;height: 40px;}
.tootl-tabs ul.breadcrumbs-nav li a {font-size: 14px;}
.tootl-tabs ul li h3 {font-size: 14px;}
.tool-rating-cnt {text-align: right;}
.all-tootls .rating-score {flex-direction: column;}
ul.top-list.all-tools-list .heat-score {margin-top: 0px;padding: 0;}
ul.top-list.all-tools-list .img-box:before {
    background-image: linear-gradient(180deg, #00000000, #00000000, #1a1501);}

.overall-rating-score .aipv-heat-rating {font-size: 24px;padding: 0;}
.overall-rating-score .aipv-heat-title {font-size: 16px;}
span.aipv-flame svg {width: 20px;height: 20px;}
button.search-button {height: 25px !important; width: 25px !important;}
button.aipv-user-avatar-btn, button.aipv-header-auth-btn {width: 35px; height: 35px; min-width: 35px;}
.aipv-flame-row {justify-content: center;}
.overall-rating-score {padding-top: 0;}

.join-vip-member span.high-light {font-size: 26px; line-height: 32px;}
.age-box {padding: 10px;}
.age-box h2 {font-size: 18px !important;}
.popup-button {margin-top: 0;}

p{font-size: 14px !important;}
button.close-btn.aipv-close-modal {font-size: 28px; top: 0; right: 5px;}

}
 
@media (max-width: 480px) {
.button {grid-template-columns: repeat(1, 1fr);}
}