@font-face {
font-family: 'advanced-popups-icons';
src: url(//doganrubber.com/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.woff) format("woff"), url(//doganrubber.com/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.ttf) format("truetype"), url(//doganrubber.com/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="adp-icon-"],
[class*=" adp-icon-"] {
font-family: 'advanced-popups-icons' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.adp-icon-x:before {
content: "\e913";
}  .adp-popup {
--adp-popup-wrap-scrollbar-width: 0.625rem;
--adp-popup-wrap-scrollbar-track-background: #f1f1f1;
--adp-popup-wrap-scrollbar-thumb-background: #888;
--adp-popup-wrap-scrollbar-thumb-hover-background: #555;
--adp-popup-wrap-box-shadow: 0 0 40px 0 rgba(0,0,0,.075);
--adp-popup-container-background: #FFFFFF;
--adp-popup-close-font-size: 1.25rem;
--adp-popup-close-color: #000;
--adp-popup-close-hover-color: #777;
--adp-popup-close-light-color: #FFFF;
--adp-popup-close-light-hover-color: rgba(255,255,255,0.75);
--adp-popup-type-content-close-font-size: 1.5rem;
--adp-popup-type-notification-text-font-size: 90%;
--adp-popup-type-notification-text-color: #777777;
--adp-popup-type-notification-text-link-color: #000000;
--adp-popup-type-notification-button-background: #282828;
--adp-popup-type-notification-button-color: #FFF;
--adp-popup-type-notification-button-border-radius: 0;
}
.adp-popup-overlay {
--adp-popup-overlay-background: rgba(0,0,0,0.25);
} .adp-popup-scroll-hidden {
overflow: hidden;
width: 100%;
}
.adp-popup-animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
overflow: hidden  !important;
}
@-webkit-keyframes popupOpenFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popupOpenFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes popupExitFade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes popupExitFade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes popupOpenSlide {
from {
transform: translate3d(0, 100vh, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes popupOpenSlide {
from {
transform: translate3d(0, 100vh, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes popupExitSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100vh, 0);
}
}
@keyframes popupExitSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100vh, 0);
}
}
@-webkit-keyframes popupOpenZoom {
from {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes popupOpenZoom {
from {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes popupExitZoom {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
@keyframes popupExitZoom {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
@-webkit-keyframes popupOpenSlideFade {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
visibility: visible;
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes popupOpenSlideFade {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
visibility: visible;
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes popupExitSlideFade {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 40px, 0);
}
}
@keyframes popupExitSlideFade {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 40px, 0);
}
}
.popupOpenFade {
-webkit-animation-name: popupOpenFade;
animation-name: popupOpenFade;
}
.popupExitFade {
-webkit-animation-name: popupExitFade;
animation-name: popupExitFade;
}
.popupOpenSlide {
-webkit-animation-name: popupOpenSlide;
animation-name: popupOpenSlide;
}
.popupExitSlide {
-webkit-animation-name: popupExitSlide;
animation-name: popupExitSlide;
}
.popupOpenZoom {
-webkit-animation-name: popupOpenZoom;
animation-name: popupOpenZoom;
}
.popupExitZoom {
-webkit-animation-name: popupExitZoom;
animation-name: popupExitZoom;
}
.popupOpenSlideFade {
-webkit-animation-name: popupOpenSlideFade;
animation-name: popupOpenSlideFade;
}
.popupExitSlideFade {
-webkit-animation-name: popupExitSlideFade;
animation-name: popupExitSlideFade;
}
.adp-popup {
display: none;
position: fixed;
z-index: 999999;
max-width: calc(100vw - 1.5rem);
max-height: calc(100vh - 1.5rem);
-webkit-backface-visibility: hidden;
}
@media (min-width: 720px) {
.adp-popup {
max-width: calc(100vw - 6rem);
max-height: calc(100vh - 6rem);
}
}
.adp-popup.adp-popup-location-top {
top: 20px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.adp-popup.adp-popup-location-top-left {
top: 20px;
left: 20px;
}
.adp-popup.adp-popup-location-top-right {
top: 20px;
right: 20px;
}
.adp-popup.adp-popup-location-bottom {
bottom: 20px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.adp-popup.adp-popup-location-bottom-left {
left: 20px;
bottom: 20px;
}
.adp-popup.adp-popup-location-bottom-right {
right: 20px;
bottom: 20px;
}
.adp-popup.adp-popup-location-left {
top: 50%;
left: 20px;
transform: translate3d(0, -50%, 0);
}
.adp-popup.adp-popup-location-right {
top: 50%;
right: 20px;
transform: translate3d(0, -50%, 0);
}
.adp-popup.adp-popup-location-center {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.adp-popup .adp-popup-wrap {
position: relative;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
box-shadow: var(--adp-popup-wrap-box-shadow);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar {
width: var(--adp-popup-wrap-scrollbar-width);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-track {
background: var(--adp-popup-wrap-scrollbar-track-background);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-thumb {
background: var(--adp-popup-wrap-scrollbar-thumb-background);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-thumb:hover {
background: var(--adp-popup-wrap-scrollbar-thumb-hover-background);
}
.adp-popup .adp-popup-container {
background: var(--adp-popup-container-background);
width: 100%;
}
.adp-popup .adp-popup-outer {
position: relative;
display: flex;
flex-direction: column;
}
.adp-popup .adp-popup-thumbnail img {
width: 100%;
}
.adp-popup .adp-popup-close {
position: absolute;
background: transparent;
color: var(--adp-popup-close-color);
padding: 0;
line-height: 1;
font-size: var(--adp-popup-close-font-size);
top: 20px;
right: 20px;
z-index: 2;
}
.adp-popup .adp-popup-close:before {
font-family: 'advanced-popups-icons';
transition: color 0.25s ease;
content: "\e913";
}
.adp-popup .adp-popup-close:hover:before {
color: var(--adp-popup-close-hover-color);
}
.adp-popup.adp-popup-open[data-light-close="true"] .adp-popup-close {
color: var(--adp-popup-close-light-color);
}
.adp-popup.adp-popup-open[data-light-close="true"] .adp-popup-close:hover:before {
color: var(--adp-popup-close-light-hover-color);
}
.adp-popup.adp-popup-open {
display: flex;
}
@media (max-width: 720px) {
.adp-popup.adp-popup-open[data-mobile-disable="true"] {
display: none;
}
}
.adp-popup-overlay {
background: var(--adp-popup-overlay-background);
position: fixed;
display: none;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999998;
}
.adp-popup-overlay .adp-popup-wrap {
box-shadow: none;
}
.adp-popup-open + .adp-popup-overlay {
display: block;
}
@media (max-width: 719.98px) {
.adp-popup-type-content {
max-width: 100vw;
max-height: 100vh;
}
}
.adp-popup-type-content .adp-popup-content {
padding: 40px;
}
.adp-popup-type-content .adp-popup-close {
font-size: var(--adp-popup-type-content-close-font-size);
}
.adp-popup-type-content .wp-block-cover:first-child:last-child {
margin: -40px;
width: initial;
}
.adp-popup-type-content.adp-preview-image-yes .adp-popup-close {
color: var(--adp-popup-close-light-color);
}
.adp-popup-type-content.adp-preview-image-yes .adp-popup-close:hover:before {
color: var(--adp-popup-close-light-hover-color);
}
@media (min-width: 1024px) {
.adp-popup-type-content .adp-popup-outer {
flex-direction: row;
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-close, .adp-popup-type-content.adp-preview-image-bottom .adp-popup-close {
color: var(--adp-popup-close-color);
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-close:hover:before, .adp-popup-type-content.adp-preview-image-bottom .adp-popup-close:hover:before {
color: var(--adp-popup-close-hover-color);
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-thumbnail {
order: 1;
}
.adp-popup-type-content.adp-preview-image-right .adp-popup-thumbnail {
order: 3;
}
.adp-popup-type-content.adp-preview-image-top .adp-popup-outer {
flex-direction: column;
}
.adp-popup-type-content.adp-preview-image-top .adp-popup-thumbnail img {
position: relative;
top: initial;
bottom: initial;
right: initial;
left: initial;
width: initial;
height: initial;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-outer {
flex-direction: column;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-thumbnail {
order: 3;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-thumbnail img {
position: relative;
top: initial;
bottom: initial;
right: initial;
left: initial;
width: initial;
height: initial;
}
.adp-popup-type-content .adp-popup-thumbnail {
position: relative;
flex: 1 0 50%;
order: 1;
}
.adp-popup-type-content .adp-popup-thumbnail img {
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.adp-popup-type-content .adp-popup-content {
padding: 80px;
flex: 1 0 50%;
order: 2;
}
.adp-popup-type-content .adp-popup-content:first-child:last-child {
flex: 1 0 100%;
}
.adp-popup-type-content .wp-block-cover:first-child:last-child {
margin: -80px;
}
}
.adp-popup-type-notification-box .adp-popup-outer,
.adp-popup-type-notification-bar .adp-popup-outer {
padding: 30px;
}
.adp-popup-type-notification-box .adp-popup-text,
.adp-popup-type-notification-bar .adp-popup-text {
padding-right: 10px;
font-size: var(--adp-popup-type-notification-text-font-size);
color: var(--adp-popup-type-notification-text-color);
}
.adp-popup-type-notification-box .adp-popup-text a,
.adp-popup-type-notification-bar .adp-popup-text a {
color: var(--adp-popup-type-notification-text-link-color);
text-decoration: underline;
}
.adp-popup-type-notification-box .adp-popup-text a:hover,
.adp-popup-type-notification-bar .adp-popup-text a:hover {
text-decoration: none;
}
.adp-popup-type-notification-box .adp-popup-button,
.adp-popup-type-notification-bar .adp-popup-button {
background: var(--adp-popup-type-notification-button-background);
margin-top: 1.5rem;
width: 100%;
color: var(--adp-popup-type-notification-button-color);
border-radius: var(--adp-popup-type-notification-button-border-radius);
}
.adp-popup-type-notification-box .adp-popup-close {
top: 15px;
right: 15px;
}
.adp-popup-type-notification-bar.adp-popup-location-top {
width: 100%;
max-width: 100%;
top: 0;
left: 0;
bottom: auto;
transform: none;
}
.adp-popup-type-notification-bar.adp-popup-location-bottom {
width: 100%;
max-width: 100%;
top: auto;
left: 0;
bottom: 0;
transform: none;
}
.adp-popup-type-notification-bar .adp-popup-outer {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 60px;
padding-right: 60px;
}
@media (min-width: 720px) {
.adp-popup-type-notification-bar .adp-popup-outer {
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
}
.adp-popup-type-notification-bar .adp-popup-close {
top: 50%;
transform: translateY(-50%);
}
.adp-popup-type-notification-bar .adp-button {
margin-left: 1rem;
margin-top: 0;
width: auto;
}
}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}:root {
--pcm-primary: var(--pcm-light-primary, #0d6efd);
--pcm-text: var(--pcm-light-text, #333333);
--pcm-bg: var(--pcm-light-bg, #ffffff);
--pcm-font-size: 14px;
--pcm-radius: 8px; --pcm-overlay: rgba(0, 0, 0, 0.6);
--pcm-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.2);
--pcm-zindex: 999999;
} @media (prefers-color-scheme: dark) {
:root {
--pcm-primary: var(--pcm-dark-primary, #0b5ed7);
--pcm-text: var(--pcm-dark-text, #f1f1f1);
--pcm-bg: var(--pcm-dark-bg, #1e1e1e);
}
} .pcm-banner {
position: fixed;
z-index: var(--pcm-zindex);
background: var(--pcm-bg);
color: var(--pcm-text);
box-shadow: var(--pcm-shadow);
padding: 24px;
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
justify-content: space-between;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: var(--pcm-font-size);  border-top: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
} .pcm-banner-icon {
flex-shrink: 0;
color: var(--pcm-primary);
display: flex;
align-items: center;
justify-content: center;
}
.pcm-banner p {
margin: 0;
max-width: 700px;
line-height: 1.6;
font-weight: 400;
}
.pcm-banner a {
color: var(--pcm-primary);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: border-color 0.2s;
}
.pcm-banner a:hover {
border-bottom-color: currentColor;
} .pcm-layout-bar {
left: 0;
right: 0;
}
.pcm-pos-bottom {
bottom: 0;
animation: pcmSlideUp 0.4s ease-out;
}
.pcm-pos-top {
top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top: none;
animation: pcmSlideDown 0.4s ease-out;
}
.pcm-layout-corner {
width: 380px;
border-radius: var(--pcm-radius);
padding: 30px;
flex-direction: column;
align-items: flex-start;
border: 1px solid rgba(0, 0, 0, 0.08);
} .pcm-layout-corner.pcm-pos-bottom {
bottom: 20px;
right: 20px;
animation: pcmFadeInUp 0.4s ease-out;
}
.pcm-layout-corner.pcm-pos-top {
top: 20px;
right: 20px;
animation: pcmFadeInDown 0.4s ease-out;
}
.pcm-layout-corner .pcm-banner-icon {
margin-bottom: 15px;
}
.pcm-layout-corner .pcm-actions {
width: 100%;
flex-direction: column;
}
.pcm-layout-corner .pcm-btn {
width: 100%;
justify-content: center;
} .pcm-layout-popup {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 480px;
border-radius: var(--pcm-radius);
flex-direction: column;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.08);
animation: pcmZoomIn 0.3s ease-out;
}
.pcm-layout-popup .pcm-banner-icon {
margin-bottom: 20px;
width: 100%;
}
.pcm-layout-popup .pcm-actions {
justify-content: center;
margin-top: 10px;
} .pcm-actions {
display: flex;
gap: 12px;
}
.pcm-btn {
padding: 10px 20px;
border-radius: var(--pcm-radius);
border: 1px solid transparent;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
line-height: 1;
}
.pcm-btn svg {
pointer-events: none;
}
.pcm-btn-primary {
background-color: var(--pcm-primary);
color: #fff;
border-color: var(--pcm-primary);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.pcm-btn-primary:hover {
background-color: var(--pcm-primary); opacity: 0.9;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.pcm-btn-outline {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.2);
color: var(--pcm-text);
}
.pcm-btn-outline:hover {
border-color: var(--pcm-text);
background-color: rgba(0, 0, 0, 0.03);
} .pcm-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--pcm-overlay);
z-index: var(--pcm-zindex);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(5px);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
} .pcm-modal[style*="display: flex"] {
opacity: 1;
pointer-events: auto;
}
.pcm-modal-content {
background: var(--pcm-bg);
color: var(--pcm-text);
width: 90%;
max-width: 650px;
max-height: 85vh;
border-radius: var(--pcm-radius);
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: var(--pcm-shadow);
transform: scale(0.95);
transition: transform 0.3s ease;
}
.pcm-modal[style*="display: flex"] .pcm-modal-content {
transform: scale(1);
}
.pcm-modal-header {
padding: 20px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
display: flex;
justify-content: space-between;
align-items: center;
background-color: rgba(0, 0, 0, 0.01);
}
.pcm-modal-header h3 {
margin: 0;
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
color: var(--pcm-text); } .pcm-modal-title-text {
display: inline-block;
max-width: 15rem; line-height: 1.2;
margin-left: 5px;
vertical-align: middle;
}
#pcm-close-modal {
background: none;
border: none;
font-size: 28px;
line-height: 1;
cursor: pointer;
color: var(--pcm-text); opacity: 0.6;
transition: opacity 0.2s;
}
#pcm-close-modal:hover {
opacity: 1;
}
.pcm-modal-body {
padding: 30px;
overflow-y: auto;
}
.pcm-category-item {
background: rgba(0, 0, 0, 0.02);
padding: 20px;
border-radius: 8px;
margin-bottom: 16px;
border: 1px solid transparent;
transition: background 0.2s;
}
.pcm-category-item:hover {
background: rgba(0, 0, 0, 0.04);
}
.pcm-category-item:last-child {
margin-bottom: 0;
} .pcm-cat-necessary {
border-left: 4px solid #198754;
} .pcm-cat-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.pcm-cat-title {
font-weight: 700;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
}
.pcm-cat-status {
font-size: 12px;
background: #198754;
color: #fff;
padding: 4px 8px;
border-radius: 20px;
font-weight: 600;
}
.pcm-cat-desc {
font-size: 14px;
opacity: 0.8;
margin: 0;
line-height: 1.5;
}
.pcm-modal-footer {
padding: 20px 30px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
text-align: right;
background-color: rgba(0, 0, 0, 0.01);
} .pcm-switch {
position: relative;
display: inline-block;
width: 50px;
height: 26px;
}
.pcm-switch input {
opacity: 0;
width: 0;
height: 0;
}
.pcm-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.pcm-slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 3px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
input:checked+.pcm-slider {
background-color: var(--pcm-primary);
}
input:focus+.pcm-slider {
box-shadow: 0 0 1px var(--pcm-primary);
}
input:checked+.pcm-slider:before {
-webkit-transform: translateX(24px);
-ms-transform: translateX(24px);
transform: translateX(24px);
}
.pcm-slider.round {
border-radius: 34px;
}
.pcm-slider.round:before {
border-radius: 50%;
} @keyframes pcmSlideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes pcmSlideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes pcmFadeInUp {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes pcmFadeInDown {
from {
transform: translateY(-20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes pcmZoomIn {
from {
transform: translate(-50%, -50%) scale(0.9);
opacity: 0;
}
to {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
} @media (max-width: 600px) {
.pcm-banner {
flex-direction: column;
text-align: center;
padding: 20px;
}
.pcm-banner-icon {
margin-bottom: 15px;
}
.pcm-actions {
width: 100%;
flex-direction: column;
gap: 10px;
}
.pcm-btn {
width: 100%;
justify-content: center;
}
}