/* Opinie klientów i modal logowania/dodawania. */
.rtk-opinions-page{background:#f5f5f6}
.rtk-opinions-hero{min-height:420px;display:grid;place-items:center;text-align:center;padding:140px 24px 70px;background:linear-gradient(90deg,rgba(4,4,4,.98),rgba(4,4,4,.72),rgba(4,4,4,.9)),url("../images/rafal-about.jpg") center 26%/cover no-repeat;color:#fff}
.rtk-opinions-hero .rtk-container{max-width:920px}
.rtk-opinions-hero h1{margin:0 0 18px;font-size:clamp(40px,4.2vw,72px);line-height:1}
.rtk-opinions-hero p:not(.rtk-kicker){max-width:720px;margin:0 auto 28px;color:#d0d0d2;font-size:clamp(16px,1.1vw,20px);line-height:1.7}
.rtk-opinions-hero .rtk-btn{min-width:190px;border:0}
.rtk-opinions-list{padding:80px 0 100px}
.rtk-opinions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.rtk-opinion-card{display:flex;min-height:320px;flex-direction:column;padding:35px;background:#0b0b0c;color:#fff;border:1px solid #242427;box-shadow:0 20px 50px rgba(0,0,0,.1)}
.rtk-opinion-card__stars{margin-bottom:22px;color:var(--orange);font-size:24px;letter-spacing:4px}
.rtk-opinion-card h2{margin:0 0 18px;font-size:23px}
.rtk-opinion-card p,.rtk-opinion-card__content{margin:0;color:#d1d1d3;font-size:16px;line-height:1.75}
.rtk-opinion-card__content p{margin:0}
.rtk-opinion-card footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:26px;border-top:1px solid #29292c}
.rtk-opinion-card footer strong{color:#fff;font-size:15px}
.rtk-opinion-card footer time,.rtk-opinion-card footer span{color:#888;font-size:12px}
.rtk-review-notice{margin:0 0 32px;padding:18px 22px;border-left:4px solid var(--orange);background:#fff;font-weight:650;box-shadow:0 8px 24px rgba(0,0,0,.07)}
.rtk-review-notice--success{border-color:#238636}
.rtk-review-notice--error{border-color:#c92a2a}
.rtk-opinions-list .navigation.pagination{margin-top:45px}
.rtk-opinions-add{display:flex;align-items:center;justify-content:space-between;gap:38px;margin-top:64px;padding:38px 42px;background:#fff;border-left:5px solid var(--orange);box-shadow:0 15px 45px rgba(0,0,0,.08)}
.rtk-opinions-add span{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.15em}
.rtk-opinions-add h2{margin:7px 0 8px;font-size:clamp(25px,2.2vw,36px)}
.rtk-opinions-add p{margin:0;color:#666;font-size:15px}
.rtk-opinions-add .rtk-btn{flex:0 0 auto;border:0}
.rtk-review-modal[hidden]{display:none}
.rtk-review-modal{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:25px}
.rtk-review-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}
.rtk-review-modal__dialog{position:relative;z-index:1;width:min(590px,calc(100vw - 32px));max-height:92vh;overflow:auto;padding:46px;background:#101011;color:#fff;border:1px solid #333;box-shadow:0 32px 100px rgba(0,0,0,.55);outline:0}
.rtk-review-modal__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid #444;background:#171719;color:#fff;font-size:27px;cursor:pointer}
.rtk-review-modal__dialog h2{margin:0 40px 14px 0;font-size:clamp(27px,3vw,38px);line-height:1.08}
.rtk-review-modal__lead{margin:0 0 26px;color:#bbb;font-size:14px;line-height:1.65}
.rtk-review-form{display:grid;gap:18px}
.rtk-review-form label,.rtk-review-form legend{color:#e8e8e8;font-size:13px;font-weight:700}
.rtk-review-form input[type="text"],.rtk-review-form textarea,.rtk-review-login input[type="text"],.rtk-review-login input[type="password"]{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #39393d;border-radius:0;background:#18181a;color:#fff;font:inherit}
.rtk-review-form input:focus,.rtk-review-form textarea:focus,.rtk-review-login input:focus{border-color:var(--orange);outline:2px solid rgba(255,87,0,.18)}
.rtk-review-form fieldset{margin:0;padding:0;border:0}
.rtk-rating-input{display:inline-flex;flex-direction:row-reverse;margin-top:6px}
.rtk-rating-input input{position:absolute;opacity:0;pointer-events:none}
.rtk-rating-input label{padding:0 3px;color:#555;font-size:35px;cursor:pointer;transition:.18s ease}
.rtk-rating-input input:checked~label,.rtk-rating-input label:hover,.rtk-rating-input label:hover~label{color:var(--orange)}
.rtk-review-form .rtk-btn{border:0;margin-top:4px}
.rtk-review-login form{display:grid;gap:15px}
.rtk-review-login p{margin:0}
.rtk-review-login label{color:#ddd;font-size:13px;font-weight:700}
.rtk-review-login .login-remember label{display:flex;align-items:center;gap:8px}
.rtk-review-login .button{width:100%;padding:15px;border:0;background:var(--orange);color:#fff;font:800 13px/1 var(--font);letter-spacing:.06em;cursor:pointer}
.rtk-review-register{margin:18px 0 0;text-align:center;color:#aaa;font-size:13px}
.rtk-review-register a{color:var(--orange);font-weight:750}
body.rtk-review-modal-open{overflow:hidden}
@media(min-width:2200px){
 .rtk-opinion-card{min-height:370px;padding:42px}
 .rtk-opinion-card p,.rtk-opinion-card__content{font-size:18px}
}
@media(max-width:1050px){.rtk-opinions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .rtk-opinions-hero{min-height:350px;padding:118px 20px 56px}
 .rtk-opinions-list{padding:55px 0 70px}
 .rtk-opinions-grid{grid-template-columns:1fr;gap:20px}
 .rtk-opinion-card{min-height:0;padding:28px}
 .rtk-opinions-add{align-items:flex-start;flex-direction:column;margin-top:44px;padding:28px 25px}
 .rtk-opinions-add .rtk-btn{width:100%}
 .rtk-review-modal{padding:12px}
 .rtk-review-modal__dialog{padding:39px 24px 28px}
}
