@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes spin {
    0%,to {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }
}

@keyframes jump {
    0%,to {
        transform: translateY(-2px)
    }

    50% {
        transform: translateY(2px)
    }
}

@keyframes slideUpCookie {
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slightRotate {
    0%,to {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(15deg)
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

form,p,pre {
    border: 0;
    font: inherit;
    vertical-align: baseline
}

p {
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

.goduster-author-glass {
                    background: rgba(255, 255, 255, 0.1);
                    backdrop-filter: blur(12px);
                    -webkit-backdrop-filter: blur(12px);
                    border: 1px solid rgba(255, 255, 255, 0.2);
                    box-shadow: 0 2px 8px rgba(200,115,40,.3);
                    transition: transform 0.3s ease;
}
.goduster-author-glass:hover {
                    transform: translateY(-2px);
}

body {
    line-height: normal;
    color: rgba(0,0,0,.99);
    word-spacing: -.03rem;
    letter-spacing: -.01rem;
    font-family: "Poppins",serif;
    font-size: .9rem;
    font-weight: 300;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizelegibility
}

ol,ul {
    list-style: none
}

/* Tarcza GoDuster: Automatyczny szklany Spis Treści (Page & Single) */

.page ul:has(li h3 a),
.single ul:has(li h3 a),
ul.gd-toc {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    padding: 2rem !important;
    margin-top: 2rem !important;
    margin-bottom: 2.5rem !important;
    box-shadow: 0 8px 15px 0 rgba(200,115,40,0.3) !important;
    list-style: none !important;
    position: relative;
    box-sizing: border-box;
}

.page ul:has(li h3 a)::before,
.single ul:has(li h3 a)::before,
ul.gd-toc::before {
    content: "W skrócie...";
    display: block;
    color: rgba(115, 40, 20, 1);
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(200, 115, 40, 0.2);
    padding-bottom: 0.75rem;
}

.page ul:has(li h3 a) li,
.single ul:has(li h3 a) li,
ul.gd-toc li {
    margin-bottom: 1rem !important;
    padding-bottom: 0 !important;
    list-style-type: none !important; 
}

.page ul:has(li h3 a) li:last-child,
.single ul:has(li h3 a) li:last-child,
ul.gd-toc li:last-child {
    margin-bottom: 0 !important;
}

.page ul:has(li h3 a) li h3,
.single ul:has(li h3 a) li h3,
ul.gd-toc li h3 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.page ul:has(li h3 a) li h3 a,
.single ul:has(li h3 a) li h3 a,
ul.gd-toc li h3 a {
    color: rgba(200, 115, 40, 1) !important;
    text-decoration: none !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    display: inline-block;
    transition: all 0.3s ease !important;
}

.page ul:has(li h3 a) li h3 a:hover,
.single ul:has(li h3 a) li h3 a:hover,
ul.gd-toc li h3 a:hover {
    color: rgba(115, 40, 20, 1) !important;
    transform: translateX(8px);
}

blockquote {
    position: relative;
    margin: 2rem 0;
    padding: 1.5rem 2rem 1.5rem 3.5rem;
    border-radius: 12px;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.6;
    color: #333;
    border-left: 4px solid #c87328
}

.cite,blockquote::before {
    color: #c87328;
    font-style: normal
}

blockquote::before {
    content: "format_quote";
    font-family: "Material Symbols Outlined";
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 1.5rem;
    font-weight: 400
}

.cite {
    display: block;
    margin-top: 1rem;
    font-size: 1em;
    font-weight: 500
}

.custom-quote {
    padding: 1.5rem 1.5rem 1rem;
    margin: 1.5rem 0;
    color: #732814;
    line-height: 1.5
}

.custom-quote-icon {
    font-size: 2rem;
    color: #c87328;
    opacity: .8;
    margin-left: -1.5rem
}

.custom-quote-text {
    margin: 0 0 .5rem
}

.custom-quote-author {
    font-size: .9rem;
    color: #000;
    text-align: right;
    font-style: italic
}

.trunc-text-excerpt,.trunc-text-excerpt-1 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.trunc-text-excerpt-1 {
    -webkit-line-clamp: 1
}

.nav-tabs {
    border-bottom: 1px solid #c87328
}

.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:hover {
    border: 1px solid #c87328;
    color: #fff;
    background-color: #c87328
}

.nav-tabs .nav-link {
    border: 1px solid #c87328
}

.nav-tabs .nav-link:hover {
    border: 1px solid #c87328;
    color: #732814
}

.tab-pane .news-container {
    padding-bottom: 0
}

.nav-tabs .nav-link:focus {
    border: 1px solid #c87328;
    color: #fff;
    box-shadow: 0 0 0 .1rem rgba(200,115,40,.1)!important
}

.nav-tabs li,.page-content h3>.page-content ul li {
    list-style-type: none!important
}

.faq-card-header i:before {
    content: "unpaved_road";
    font-family: "Material Symbols Outlined";
    padding: 0 15px 0 0;
    color: #fff;
    font-size: 1.8em;
    font-style: normal;
    vertical-align: middle
}

body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-track {
    background: rgba(235,235,235,.5)
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(200,115,40,.8);
    border-radius: 10px
}

.shop-button .navbar-nav {
    display: inline
}

.shop-button .navbar-nav a {
    color: #fff!important;
    display: inline
}

.shop-button .nav-item-14175 a::after {
    content: "shopping_cart";
    position: absolute;
    right: -15px
}

.btn .search::after,.shop-button .nav-item-14175 a::after,.shop-button .nav-item-14176 a::after,.shop-button .nav-item-14657 a::after {
    font-family: "Material Symbols Outlined";
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 1.2em
}

.btn .search::after {
    content: "search";
    font-weight: 700
}

.btn-icon {
    line-height: 1.1!important
}

.shop-button .nav-item-14176 a::after {
    content: "car_tag";
    position: absolute;
    right: -15px
}

.shop-button .nav-item-14657 a::after {
    position: absolute;
    right: -15px;
    content: "tire_repair"
}

.charts-txt {
    text-align: center;
    font-weight: 700;
    color: #c87328;
    padding-top: 20px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.flex-control-nav::-webkit-scrollbar-track {
    background: rgba(235,235,235,.7);
    border-radius: 10px
}

.flex-control-nav::-webkit-scrollbar {
    width: 5px;
    height: 8px
}

.flex-control-nav::-webkit-scrollbar-thumb {
    background-color: #c87328;
    border-radius: 10px
}

.prev-next-posts,fscript {
    display: none
}

.question_contact {
    border-color: #c87328!important;
    border-width: 1px
}

.news-content h1,.news-content-single h1,.page .page-content h1,.page-title {
    font-weight: 700;
    font-size: 1.7rem;
    color: rgba(255,255,255,.99);
    background-color: rgba(200,115,47,.99);
    margin-bottom: 30px;
    padding: 20px 0;
    text-align: center
}

.news-content h2,.news-content-single h2 {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1;
    padding: 10px 0;
    color: rgba(200,115,40,.99)
}

.page .page-content h2 {
    font-size: 1.1rem
}

.news-content h4,.news-content-single h4 {
    font-size: .9rem
}

.news-content h3,.news-content h4,.news-content h5,.news-content-single h3,.news-content-single h4,.news-content-single h5,.page .page-content h2,.page .page-content h3,.page .page-content h4 {
    font-weight: 700;
    line-height: 1;
    padding: 10px 0;
    color: rgba(200,115,40,.99)
}

.page .page-content h4 {
    font-size: .9rem
}

.news-content h3,.news-content-single h3,.page .page-content h3 {
    font-size: 1rem
}

.news-content h6,.news-content-single h6,.page .page-content h5,.page .page-content h6 {
    font-weight: 700;
    line-height: 1;
    padding: 10px 0;
    color: rgba(200,115,40,.99);
    font-size: .7rem
}

.news-content h5,.news-content-single h5,.page .page-content h5 {
    font-size: .8rem
}

.page-content p,.page-content pre {
    text-align: left
}

.news-content-single h3 a {
    line-height: 1.7;
    padding: 0 20px;
    text-transform: none;
    font-size: .9rem;
    text-decoration: none;
    color: rgba(200,115,40,.9)
}

.news-content-single h3 a:before {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    font-size: 1.5rem;
    line-height: .6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "arrow_circle_right";
    vertical-align: middle;
    padding-right: 10px
}

.page-content ol,.page-content ul {
    padding-left: 25px;
    line-height: 1.5rem;
    margin-bottom: 1em
}

.page-content ol li {
    list-style-type: decimal;
    padding-left: 7px
}

.page-content ul li {
    list-style-type: disc;
    padding-left: 7px
}

.news-container {
    padding-bottom: 20px
}

/* Footer Menu Area - Glassmorphism Ribbon */
#menu-dla-szukajacych li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
    scroll-snap-align: start;
}
#menu-dla-szukajacych li a {
    display: inline-flex !important;
    align-items: center;
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(200, 115, 40, 0.3) !important;
    color: rgba(30, 30, 30, 0.9) !important;
    padding: 8px 16px !important;
    border-radius: 4px !important; 
    font-weight: 500 !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
}
#menu-dla-szukajacych li a:hover {
    background: rgba(200, 115, 40, 0.2) !important;
    border-color: rgba(200, 115, 40, 0.6) !important;
    color: rgba(115, 40, 20, 1) !important;
    transform: translateY(-2px);
}

.row_grid {
    margin: 0
}

.inside input {
    border: 0!important
}

a,a:active,a:hover {
    color: rgba(200,115,40,.99);
    transition: all .3s ease-in-out
}

a:active,a:hover {
    color: rgba(115,40,20,.9);
    text-decoration-skip: auto;
    -webkit-text-decoration-skip: auto;
    text-decoration-line: underline;
    text-decoration-style: solid
}

a,li {
    -webkit-tap-highlight-color: transparent
}

::selection {
    background-color: rgba(115,40,20,.85);
    color: #fff
}

::moz-selection {
    background-color: rgba(115,40,20,.85);
    color: #fff
}

h1 {
    font-weight: 700;
    font-size: 1.75rem
}

h1,h2,h3,h4,h5,h6 {
    color: rgba(0,0,0,.99);
    letter-spacing: -.01rem;
    word-spacing: -.04rem;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizelegibility
}

.wpcf7-form .wpcf7-acceptance label,h2 {
    font-size: 1rem
}

h2,h3,h4,h5,h6 {
    font-weight: 300
}

h3 {
    font-size: .7rem
}

h4 {
    font-size: .6rem
}

h5 {
    font-size: .5rem
}

h6 {
    font-size: .45rem
}

.slides .prev {
    margin-left: -35px
}

.tag-container {
    padding-bottom: 20px
}

.accordion-card-body,.accordion-card-body-guide {
    border-bottom: 1px solid #c87328;
    border-radius: none
}

.accordion-card {
    border-radius: 4px;
    border: 0
}

.accordion-card-header,.accordion-card-header-guide,.tab-card-header {
    background-color: rgba(200,115,40,.9);
    border-radius: 4px
}

.accordion-card-body-guide a {
    padding: 10px 15px;
    width: 100%
}

#accordionExample {
    padding-top: 15px
}

.accordion-card-body .read-more:before {
    content: "link";
    font-family: "Material Symbols Outlined";
    font-size: 1.8em;
    vertical-align: middle
}

.accordion-card-header i:before {
    font-size: 1.8em;
    font-style: normal;
    vertical-align: middle
}

.accordion-card-header i:before,.accordion-card-header-guide i:before {
    content: "unpaved_road";
    font-family: "Material Symbols Outlined";
    padding: 0 15px;
    color: #fff
}

.accordion-card-header a,.accordion-card-header-guide a {
    text-transform: inherit;
    text-decoration: none;
    font-size: 1.1em;
    color: #fff;
    padding: 15px 15px 15px 0;
    width: 100%
}

.page-template-page-links .news-content-single span {
    padding: 15px 0!important
}

.accordion-card-header-guide:active,.accordion-card-header-guide:focus,.accordion-card-header-guide:hover,.accordion-card-header:active,.accordion-card-header:focus,.accordion-card-header:hover {
    background-color: rgba(115,40,20,.9);
    border: 0;
    transition: .5s
}

.card-body h2,.card-title {
    color: #c87328;
    text-decoration: none;
    font-weight: 700
}

#profile-description .show-more {
    cursor: pointer
}

#profile-description .show-more-height {
    height: 2px;
    overflow: hidden
}

.card-box-shadow,.card-post-box {
    box-shadow: 0 2px 8px rgba(200,115,40,.3)
}

.card-box-shadow {
    background-color: #c87328
}

.glass-card,.glass-card-drop,.glass-card-drop-item {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px)
}

.glass-card {
    background: rgba(255,255,255,.25);
    border-radius: 6px!important;
    border: 1px solid rgba(200,115,40,.4);
    box-shadow: 0 2px 8px rgba(200,115,40,.3)!important;
    color: rgba(30,30,30,.9);
    overflow: hidden
}

.glass-card-drop,.glass-card-drop-item {
    border-radius: 4px;
    z-index: 1000
}

.glass-card-drop {
    background: rgba(255,255,255,.25);
    border: 1px solid rgba(200,115,40,.4);
    box-shadow: 0 2px 8px rgba(200,115,40,.3)!important;
    color: rgba(30,30,30,.9)
}

.glass-card-drop-item {
    background: #fff;
    border: 0
}

.glass-card .card-body {
    padding: 1.5rem
}

.glass-card dt {
    margin-bottom: .2rem
}

.glass-card dd {
    margin-bottom: .5rem
}

.glass-card .material-symbols-outlined {
    font-size: 1.6rem
}

.text-agenda {
    color: #c87328;
    vertical-align: middle
}

.weather-card-custom {
    background: rgba(255,255,255,.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 6px;
    border: 1px solid rgba(200,115,40,.4);
    box-shadow: 0 4px 20px rgba(200,115,40,.2);
    padding: 20px
}

.weather-header-custom {
    align-items: center;
    font-size: 1.3em;
    color: #c87328;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: none;
    background-color: transparent
}

.weather-header-custom-drop,.weather-header-custom-drop-item {
    align-items: center;
    font-size: 1.2em;
    color: #c87328;
    border-bottom: none;
    background-color: transparent
}

.weather-header-custom-drop-item {
    font-size: 1em;
    text-decoration: none
}

.weather-header-custom-drop-item:active,.weather-header-custom-drop-item:focus,.weather-header-custom-drop-item:hover {
    border: 0;
    background-color: #c87328;
    color: #fff
}

.weather-header-custom-border-bottom {
    align-items: center;
    font-size: 1.3em;
    color: #c87328;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(200,115,40,.8);
    background-color: transparent
}

.badge-glass {
    background-color: #732814!important
}

.weather-body-custom {
    background: rgba(255,255,255,.2);
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(200,115,40,.1)
}

.weather-body-custom p {
    display: flex;
    align-items: center;
    margin: 5px 0;
    font-size: 1em
}

.weather-header-custom .material-symbols-outlined,.weather-header-custom-border-bottom .material-icons {
    font-size: 1.6em
}

.lititle span {
    line-height: .1rem
}

.card a,.card a:hover,.card-title a:active {
    text-decoration: none!important
}

.card-body p {
    text-align: left;
    line-height: 1.4
}

.subpages-promo a {
    text-decoration: none
}

.card-left,.card-right {
    border-radius: 0;
    background-color: rgba(255,255,255,.8);
    opacity: .9
}

.serach-col-z {
    z-index: 2
}

.overlay-text-effect {
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear
}

.effect-image {
    position: relative;
    display: block
}

.overlay-text-effect p {
    padding: 0 15px;
    text-align: center
}

.overlay-text {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1)
}

.effect-image:hover .overlay-text {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.overlay-text-effect {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.99);
    position: absolute
}


.interests ul {
    column-count: 2
}

.product-addon-totals {
    display: none
}

.rightpress_product_price_live_update_label {
    font-weight: 500;
    text-transform: uppercase
}

.page p {
    font-size: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search-results-title {
    color: rgba(200,115,40.99);
    padding: 10px 0
}

.site-header .search-form {
    position: absolute;
    right: 200px;
    top: 200px
}

.site-header .search-field {
    background-color: transparent;
    background-image: url(images/search-icon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 0;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width .4s ease,background .4s ease;
    transition: width .4s ease,background .4s ease;
    width: 0
}

.site-header .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px
}

.search-form .search-submit {
    display: none
}

.interests ul,.main-page,.sell-cat,.tag-list li {
    display: inline-block
}

.news-single {
    position: relative
}

.news-single .news-intro-image-single {
    margin: 0;
    padding: 0;
    box-shadow: none
}

.news-intro-image-single {
    margin: 0 15px 50px;
    padding: 20px 20px 0
}

.news-intro-image-single img {
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%!important;
    border-radius: 5px
}

.search-results-summary p {
    font-weight: 500;
    font-size: .8rem
}


.news-intro-image img {
    display: block;
    z-index: 1
}

.add-title {
    color: rgba(200,115,40,.99);
    font-size: .8rem;
    font-weight: 600
}

.add-desc {
    padding: 3px 0 10px 7px
}

.description-main-text {
    padding-bottom: 25px
}

.action-button {
    padding: 10px 50px;
    color: rgba(255,255,255,.99);
    border: 1px solid rgba(255,255,255,.99);
    text-transform: none;
    font-weight: 700;
    text-decoration: none!important
}

.action-button:active,.action-button:hover {
    background-color: rgba(255,255,255,.99);
    color: rgba(200,115,40,.99);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.card-body .action-button,.card-body .action-button:active,.card-body .action-button:hover {
    color: rgba(255,255,255,.99);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.card-body .action-button {
    text-transform: uppercase;
    font-size: .65rem;
    background-color: #c87328;
    border: 1px solid #c87328;
    padding: 8px 12px;
    font-weight: 500;
    text-decoration: none!important
}

.card-body .action-button:active,.card-body .action-button:hover {
    background-color: #732814;
    border: 1px solid #732814
}

.action-button-grey,.action-button-shop {
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none!important
}

.action-button-grey {
    padding: 10px 35px;
    color: rgba(200,115,40,.99);
    border: 1px solid rgba(200,115,40,.99)
}

.action-button-grey:active,.action-button-grey:hover {
    background-color: rgba(200,115,40,.99);
    color: rgba(255,255,255,.99);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}


.button-box {
    padding: 15px 0
}

.news-intro-image:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    padding: 0;
    display: block;
    z-index: 2
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    z-index: 1
}

.mask,.page-content .news-intro-image,.tag-list li a,.tag-list li h2 {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mask,.page-content .news-intro-image {
    opacity: 1
}

.page-content .news-intro-image:after {
    background: linear-gradient(0deg,#fff 30%,rgba(0,0,0,.2) 65%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block
}

.page-content .bigger,.page-content .news-intro-image,.picture-alt-single:before {
    position: relative;
    display: inline-block
}

.page-content .bigger:after,.page-content .fullview:after {
    background: linear-gradient(0deg,rgba(255,255,255,0) 20%,transparent 65%),url(images/txture.png),0 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block
}

.page-content .bigger:after {
    width: 100;
    height: 100;
    margin: 0
}

.page-content .fullview:after {
    width: 100%;
    height: 100%
}

.post-content-wrapper,.withoutbg {
    position: absolute;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0
}

.post-content-wrapper {
    z-index: 1;
    background-color: rgba(255,255,255,.7)
}

.withoutbg {
    z-index: 2;
    background: 0 0
}

.text-right-wrap {
    position: relative
}

.picture-alt {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 80%!important;
    color: rgba(115,40,20,.85)
}

.mask .news-categories h2 {
    font-weight: 400;
    font-size: 1.5rem;
    color: rgba(255,255,255,.85);
    letter-spacing: .01rem;
    word-spacing: -.03rem;
    text-transform: lowercase;
    font-variant: small-caps;
    padding: 1px 15px;
    line-height: 1.5;
    vertical-align: middle;
    background-color: rgba(200,115,40,.99);
    clip-path: polygon(0 0,100%0,95% 100%,0 100%);
    -webkit-clip-path: polygon(0 0,100%0,95% 100%,0 100%)
}

.category .news-title,.right-wrap .news-title {
    padding: 0 10px 10px;
    text-align: left;
    font-weight: 600!important;
    background-color: transparent;
    background: 0 0;
    line-height: 1.3
}

.right-wrap .news-title {
    padding: 10px 15px;
    font-size: .7rem!important
}

.right-wrap {
    margin-bottom: 0;
    vertical-align: middle;
    top: 0
}

.news-title-single {
    padding: 15px;
    text-align: left;
    font-weight: 700;
    background: 0 0;
    font-size: 90%;
    background-color: #c87328;
    color: #fff;
    margin-bottom: 7px
}

.picture-alt-single {
    margin-bottom: 10px;
    color: #732814;
    font-size: 80%!important;
    font-weight: 700;
    padding-left: 10px
}

.fb-group {
    min-height: auto
}

.category-title {
    font-size: 1.1rem;
    text-transform: uppercase;
    color: rgba(255,255,255,.99);
    background-color: rgba(200,115,40,.99);
    text-align: center;
    padding: 20px 0;
    font-weight: 700;
    margin: 20px 0
}

.category .post-box,.tag .post-box {
    margin-bottom: 20px
}

.picture-alt-single:before {
    content: "#";
    padding-right: 5px;
    color: #732814;
    vertical-align: middle
}

.page-content .news-content-single ol li,.page-content .news-content-single p,.page-content .news-content-single ul li {
    line-height: 1.3em;
    font-size: 100%
}

.page-content .news-content-single ol li,.page-content .news-content-single ul li {
    padding: .3em 0
}

.news-date {
    font-size: .65rem!important;
    font-weight: 400;
    color: rgba(200,115,40,.9)!important;
    float: right;
    padding: 5px 10px;
    background-color: rgba(255,255,255,.7);
    clip-path: polygon(5%0,100%0,100% 100%,0 100%);
    -webkit-clip-path: polygon(5%0,100%0,100% 100%,0 100%)
}

.news-date-single {
    font-size: .7rem;
    font-weight: 500
}

.tag-container {
    margin-bottom: 5px
}

.tag-list li {
    margin: 0 3px
}

.tag-list li a,.tag-list li h2 {
    text-decoration: none;
    background-color: rgb(108,117,125,1);
    padding: 6px 8px;
    color: rgba(255,255,255,.9);
    font-size: .7rem;
    border-radius: 3px
}

.categories .cat-item {
    text-decoration: none;
    font-weight: 300;
    margin: 14px 7px 4px 0;
    color: rgba(115,40,20,.5)
}

.dropdown-menu .cat-item {
    text-align: left;
    margin: 0;
    padding: 0 20px;
    border-bottom: 1px solid #732814
}

.categories-title {
    border-bottom: 2px solid #732814;
    margin-bottom: 20px;
    color: #732814;
    font-size: 130%
}

.categories .cat-item a {
    line-height: 1.5rem
}

.categories .cat-item a {
    text-decoration: none;
    padding: 5px;
    color: #fff;
    font-size: .9rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #c87328;
    border-radius: 3px
}

.btn-secondary.przycisk-shortcode:active .material-symbols,.btn-secondary.przycisk-shortcode:focus .material-symbols,.btn-secondary.przycisk-shortcode:hover .material-symbols {
    color: inherit
}

.btn-secondary {
    background-color: #c87328;
    border-color: #c87328
}

.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover {
    background-color: #732828;
    border-color: #732828
}

.categories .dropdown-menu {
    background: url(images/txture-light.png),#c87328
}

.categories .dropdown-menu a {
    background-color: transparent;
    font-size: 110%;
    padding: 10px 0
}

.cat-item a span {
    padding-top: 6px;
    padding-right: 9px!important
}

.video-blog-content {
    padding-top: 150px
}

.news-title-desc-date,.news-title-desc-place {
    font-weight: 400
}

.tag-list li a:active,.tag-list li a:hover {
    background-color: rgba(115,40,20,.99);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.interests ul li h2 {
    display: inline-block;
    padding: 0
}

.interests ul li h2 span {
    clip-path: polygon(15%0,100%0,100% 100%,15% 100%,0 50%);
    -webkit-clip-path: polygon(15%0,100%0,100% 100%,15% 100%,0 50%);
    text-decoration: none;
    text-transform: lowercase;
    background-color: rgba(200,115,40,.99);
    padding: 2px 5px;
    color: rgba(255,255,255,.9);
    font-size: .5rem;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 3px
}

.pagination {
    padding: 40px 0 20px
}

.pagination a {
    background-color: transparent;
    border: .06rem solid rgba(200,115,40,.99);
    padding: 6px 12px;
    margin: 7px;
    font-weight: 700;
    font-size: .8rem;
    text-decoration: none
}

.page-numbers.dots {
    color: #c87328
}

.pagination .current,.pagination a,.pagination a:active,.pagination a:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 4px
}

.pagination .current {
    background-color: rgba(200,115,40,.99);
    border: .06rem solid rgba(200,115,40,.99);
    padding: 6px 12px;
    margin: 7px;
    color: rgba(255,255,255,.99);
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none
}

.pagination a:active,.pagination a:hover {
    color: rgba(115,40,20,.99);
    background-color: transparent;
    border: .06rem solid rgba(115,40,20,.99)
}

.search-container {
    z-index: 9999999999;
    margin-bottom: 20px;
    background-color: rgba(200,115,40,.25);
    overflow: hidden;
    padding-bottom: 20px
}

.pagination a,input {
    color: rgba(200,115,40,.99)
}

.form-control,.form-control:focus {
    border-radius: 0;
    outline: 0!important;
    border-color: rgba(200,115,40,.99);
    font-size: .8rem!important
}

.form-control:focus {
    box-shadow: 0 2px 8px rgba(200,115,40,.3)
}

form {
    padding: 0;
    margin: 0;
    width: 100%
}

input.search-text {
    color: rgba(200,115,40,.99);
    position: relative;
    z-index: 5;
    transition: z-index .8s,width .5s,background .3s ease,border .3s;
    height: 40px;
    width: 0;
    margin: 0;
    padding: 5px 0 5px 40px;
    box-sizing: border-box;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 30px;
    border: 1px solid transparent;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQzg3MzI4O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTAzLjksNDc4TDM2MSwzMzUuMWMyOC43LTM0LjUsNDYtNzguOSw0Ni0xMjcuM0M0MDcsOTcuNiwzMTcuNyw4LjQsMjA3LjcsOC40Qzk3LjYsOC40LDguNCw5Ny42LDguNCwyMDcuNw0KCUM4LjQsMzE3LjgsOTcuNiw0MDcsMjA3LjcsNDA3YzQ4LjQsMCw5Mi44LTE3LjMsMTI3LjMtNDZsMTQyLjksMTQyLjlMNTAzLjksNDc4eiBNMjkuMywyMDcuN2MwLTk4LjMsODAtMTc4LjMsMTc4LjMtMTc4LjMNCgljOTguMywwLDE3OC4zLDgwLDE3OC4zLDE3OC4zUzMwNiwzODYsMjA3LjcsMzg2QzEwOS4zLDM4NiwyOS4zLDMwNiwyOS4zLDIwNy43eiIvPg0KPC9zdmc+DQo=)no-repeat left 9px center;
    background-size: 24px
}

input.search-text:focus {
    z-index: 3;
    width: 950px;
    border: 1px solid rgba(200,115,40,.99);
    background-color: rgba(255,255,255,.8);
    outline: 0;
    cursor: auto
}

input.search-submit {
    position: relative;
    z-index: 4;
    top: 25px;
    left: 30px;
    width: 45px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 30px;
    cursor: pointer;
    background: 0 0
}

input.search-text::-webkit-search-cancel-button {
    cursor: pointer
}

.search-wrapper {
    margin: 0 auto;
    padding: 2rem
}

.search-title {
    color: #c87328;
    margin-bottom: 1rem
}

.search-count {
    background: rgba(200,115,40,.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 2rem;
    color: #732814;
    font-size: 1rem
}

.result-item {
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 6px;
    border: 1px solid rgba(200,115,40,.2);
    padding: 15px;
    margin-bottom: 1rem;
    transition: all .3s ease
}

.result-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 8px rgba(200,115,40,.3)
}

.result-item h2 {
    margin: 0
}

.result-item h2 a {
    color: #c87328;
    text-decoration: none;
    transition: color .3s ease
}

.result-item h2 a:hover {
    color: #732814
}

.czytaj-jeszcze {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    margin: 15px 0;
    
    /* Efekt Glassmorphism */
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    border: 1px solid rgba(200, 115, 40, 0.3);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(200,115,40,.1)
}

.czytaj-jeszcze a {
    margin-left: 5px;
    font-weight: bold;
    text-decoration: none;
}

.czytaj-jeszcze a:hover {
    text-decoration: underline;
}

#breadcrumbs,.read-more {
    text-transform: none;
    font-size: 100%
}

.posts-list a h2,.read-more {
    transition: all .3s ease-in-out
}

.more-category a,.read-more {
    text-decoration: none!important
}

.card a .read-more,.read-more {
    border: 1px solid #c87328;
    padding: 8px 12px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out
}

.read-more {
    border-radius: 4px
}

.card a:active .read-more,.card a:hover .read-more,.more-category a:active,.more-category a:hover,.read-more:active,.read-more:hover,.search-results-show-full a:active,.search-results-show-full a:hover {
    color: rgba(255,255,255,.99);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #732814;
    border: 1px solid #732814
}

.card a .read-more,.more-category a,.search-results-show-full a {
    text-transform: none;
    font-size: .65rem;
    transition: all .3s ease-in-out
}

.card a .read-more {
    text-decoration: none!important
}

.limited-duster-container,.news-duster-container,.travel-duster-container {
    padding: 30px 0;
    background-color: #fff;
    z-index: 0
}

.views-posts {
    position: absolute;
    top: 0;
    right: 0
}

.data-post-single,.views-posts {
    padding-left: 3px;
    background-color: rgba(200,115,40,.8)
}

.page .views-posts h4,.views-posts h4 {
    color: #fff;
    font-weight: 500!important;
    display: inline-block
}

.views-posts h4 {
    padding-left: 5px;
    padding-right: 15px
}

.page .views-posts h4 {
    padding: 1px 15px 0 5px;
    font-size: .6rem
}

.page .post-views-count:before,.post-views-count:before {
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: url(//goduster.pl/wp-content/themes/goduster/images/eye-car-icon.svg);
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    opacity: 1;
    padding-right: 3px;
    transition: opacity .5s ease-in-out
}

.more-category a,.search-results-show-full a {
    float: right;
    border: 1px solid #c87328;
    margin: 5px 0 30px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out
}

.search-results-show-full a {
    padding: 8px 12px;
    text-decoration: none!important
}

.more-category a {
    padding: 7px 10px
}

.main-page .post-content-wrapper .news-title {
    text-transform: none;
    font-weight: 600!important;
    color: rgba(115,40,20,.99)
}

.news-content .news-excerpt {
    font-style: normal;
    color: rgba(0,0,0,.9);
    font-weight: 300!important;
    text-align: left;
    font-size: .8rem;
    padding: 10px;
    line-height: 1rem
}

.right-wrap .news-excerpt {
    color: rgba(0,0,0,.9)
}

.right-wrap .news-excerpt,.sell-cat .news-excerpt {
    font-style: normal;
    font-weight: 300!important;
    text-align: left;
    font-size: .8rem;
    line-height: 1rem
}

.right-wrap .news-excerpt {
    padding: 5px 15px
}

.sell-cat .news-excerpt {
    color: rgba(0,0,0,.99);
    padding: 10px
}

.list-container {
    margin-top: 0
}

.categories-list ul,.posts-list ul {
    margin-bottom: 30px
}

.posts-list ul li {
    padding: 3px 10px
}

.categories-list ul li {
    padding: 5px 0
}

.posts-list a h2 {
    color: rgba(200,115,40,.99);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    line-height: normal;
    font-size: .8rem
}

.categories-list a {
    font-size: .85rem!important
}

.facebook-gr-class iframe img {
    width: 100%!important;
    height: auto!important
}

#facebook ._li {
    overflow: hidden!important;
    width: 100%!important
}

#facebook .scaledImageFitHeight {
    width: 100vw!important;
    height: auto!important
}

.map-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    border-radius: 4px;
    margin-top: 10px
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 4px
}

.featured-hero {
    height: 400px
}

#breadcrumbs {
    width: 100%;
    font-weight: 300;
    padding: 12px;
    margin-top: 20px;
    background-color: #d7d7d7;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

#breadcrumbs span[itemprop=itemListElement]+span[itemprop=itemListElement]::before,#breadcrumbs span[typeof="v:Breadcrumb"]+span[typeof="v:Breadcrumb"]::before {
    content: none!important
}

#breadcrumbs>span:first-child>span:first-child a::before {
    content: "unpaved_road";
    font-family: "Material Symbols Outlined";
    margin-right: 8px;
    font-size: 20px;
    vertical-align: middle;
    padding-top: 2px
}

#breadcrumbs span:not(:last-child)::after {
    content: "keyboard_double_arrow_right";
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    margin: 0 5px;
    font-weight: 700;
    vertical-align: middle;
    color: #732814;
    position: relative
}

#breadcrumbs span:last-child::after {
    content: none
}

#breadcrumbs a,.breadcrumb_last,b,strong {
    font-weight: 700
}

#breadcrumbs a {
    text-decoration: none;
    align-items: center;
    height: 100%
}

.navbar-nav .nav-item {
    padding: 0 5px
}

.shop-container {
    background: url(images/txture-light.png),#aa6428;
    border-top: 1px solid rgba(0,0,0,.2);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
        max-width: 100vw;
        overflow-x: hidden;
}

.navbar-collapse {
    display: flex;
    justify-content: center;
    align-items: center
}

.gd-search-form-mobile {
    width: 100%;
}

.gd-input-wrapper-mobile {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(200, 115, 40, 0.4) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.gd-input-wrapper-mobile:focus-within {
    border-color: rgba(200, 115, 40, 1) !important;
    background: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 15px rgba(200, 115, 40, 0.3) !important;
}

.gd-search-input-mobile {
    background: transparent !important;
    border: none !important;
    color: rgba(115, 40, 20, 1) !important;
    padding: 10px 15px !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    width: 100%;
}

.gd-search-btn-mobile {
    width: 45px !important;
    height: 45px !important;
    background: rgba(200, 115, 40, 1) !important;
    border: none !important;
    border-radius: 6px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 10px rgba(115, 40, 20, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.3) !important;
    cursor: pointer !important;
}

.gd-search-expandable {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 100 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(200, 115, 40, 0.4) !important;
    border-radius: 6px !important;
    width: 45px;
    height: 45px;
    overflow: hidden;
    box-sizing: border-box !important;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease, border-color 0.3s ease !important;
}

.gd-search-expandable:hover,
.gd-search-expandable:focus-within {
    width: 260px;
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(200, 115, 40, 1) !important;
    box-shadow: 0 0 15px rgba(200, 115, 40, 0.2) !important;
}

.gd-search-input-exp {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    background: transparent !important;
    border: none !important;
    color: rgba(115, 40, 20, 1) !important;
    padding: 0 45px 0 15px !important;
    width: 260px !important;
    height: 45px !important;
    opacity: 0;
    outline: none !important;
    box-shadow: none !important;
    pointer-events: none;
    transition: opacity 0.3s ease 0.1s !important;
}

.gd-search-expandable:hover .gd-search-input-exp,
.gd-search-expandable:focus-within .gd-search-input-exp {
    opacity: 1;
    pointer-events: auto;
}

.gd-search-btn-exp {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 43px !important;
    height: 43px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    z-index: 2 !important;
    transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.gd-search-expandable:hover .gd-search-btn-exp,
.gd-search-expandable:focus-within .gd-search-btn-exp {
    background: rgba(200, 115, 40, 1) !important;
    transform: scale(0.85);
    box-shadow: 0 4px 10px rgba(115, 40, 20, 0.3) !important;
}

.gd-search-input-mobile:focus, .gd-search-input-mobile:focus-visible,
.gd-search-input-exp:focus, .gd-search-input-exp:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.gd-search-input-mobile:-webkit-autofill,
.gd-search-input-mobile:-webkit-autofill:hover,
.gd-search-input-mobile:-webkit-autofill:focus,
.gd-search-input-mobile:-webkit-autofill:active,
.gd-search-input-exp:-webkit-autofill,
.gd-search-input-exp:-webkit-autofill:hover,
.gd-search-input-exp:-webkit-autofill:focus,
.gd-search-input-exp:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.9) inset !important;
    -webkit-text-fill-color: rgba(115, 40, 20, 1) !important;
    transition: background-color 5000s ease-in-out 0s;
}

.gd-search-input-mobile::-webkit-search-cancel-button,
.gd-search-input-exp::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 16px !important;
    width: 16px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23732814' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") no-repeat center center !important;
    background-size: contain !important;
    cursor: pointer !important;
}

.gd-search-input-mobile::placeholder,
.gd-search-input-exp::placeholder {
    color: rgba(115, 40, 20, 0.6) !important;
}

.search-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.gd-search-expandable:not(:hover):not(:focus-within) .search-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c87328' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

@media (max-width: 991.98px) {
    #hamburger-btn {
        margin-right: 15px !important;
    }
}

.navbar-toggler, 
.navbar-toggler-close {
    box-sizing: border-box !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    border: 4px solid rgba(115, 40, 20, 1) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    position: relative !important;
    padding: 0 !important;
    outline: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease;
}

.navbar-toggler::after,
.navbar-toggler-close::after {
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 4px;
    background-color: rgba(200, 115, 40, 1);
    border-radius: 2px;
}

.navbar-toggler::before, 
.navbar-toggler-close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background-color: rgba(200, 115, 40, 1);
    border-radius: 50%;
    z-index: 2;
    transition: all 0.5s ease;
}

.navbar-toggler .bar, 
.navbar-toggler-close .bar {
    position: absolute;
    background-color: rgba(115, 40, 20, 1);
    border-radius: 2px;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.navbar-toggler .bar:nth-child(1),
.navbar-toggler-close .bar:nth-child(1) {
    width: 18px; height: 3px;
    margin-left: -9px; margin-top: -1.5px;
    transform: translate(-8px, -3px) rotate(25deg);
}

.navbar-toggler .bar:nth-child(2),
.navbar-toggler-close .bar:nth-child(2) {
    width: 18px; height: 3px;
    margin-left: -9px; margin-top: -1.5px;
    transform: translate(8px, -3px) rotate(-25deg);
}

.navbar-toggler .bar:nth-child(3),
.navbar-toggler-close .bar:nth-child(3) {
    width: 3px; height: 18px;
    margin-left: -1.5px; margin-top: -9px;
    transform: translate(0px, 8px);
    opacity: 1;
}

.offcanvas.show .navbar-toggler-close .bar:nth-child(1),
.offcanvas.showing .navbar-toggler-close .bar:nth-child(1) {
    width: 28px;
    margin-left: -14px;
    transform: translate(0px, 0px) rotate(45deg);
    background-color: rgba(115, 40, 20, 1) !important;
}

.offcanvas.show .navbar-toggler-close .bar:nth-child(2),
.offcanvas.showing .navbar-toggler-close .bar:nth-child(2) {
    width: 28px;
    margin-left: -14px;
    transform: translate(0px, 0px) rotate(-45deg);
    background-color: rgba(115, 40, 20, 1) !important;
}

.offcanvas.show .navbar-toggler-close .bar:nth-child(3),
.offcanvas.showing .navbar-toggler-close .bar:nth-child(3) {
    height: 0;
    transform: translate(0px, 15px);
    opacity: 0;
}

.offcanvas.show .navbar-toggler-close::before,
.offcanvas.showing .navbar-toggler-close::before {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
}

#hamburger-btn:hover {
    transform: rotate(-15deg);
}

#hamburger-btn:hover::before {
    background-color: rgba(115, 40, 20, 1);
    transform: translate(-50%, -50%) scale(0.8);
}

#offcanvas-close-btn:hover {
    transform: rotate(90deg);
}

.nav-item .btn {
    padding: 2px 7px 0!important
}

.navbar-nav .nav-item .nav-link {
    padding: 20px 10px;
    position: relative;
    font-size: 120%;
    text-decoration: none;
    letter-spacing: -.01rem;
    top: 0;
    text-transform: none;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    flex-wrap: nowrap
}

.nav-link {
    color: #c87328;
    font-weight: 500
}

.nav-link:active,.nav-link:hover {
    color: #732814
}

.nav-link:focus {
    color: #732814;
    border: 0
}

.navbar-nav .nav-item .nav-link:hover,.shop-button .main-menu li a,.shop-button .main-menu li a:hover {
    top: -5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.shop-button .main-menu li a {
    color: #fff;
    padding: 20px 10px;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    font-size: 125%;
    top: 0;
    text-transform: none
}

.navbar-nav .dropdown-menu {
    background: url(images/txture-light.png),#fff
}

.shop-button span {
    vertical-align: middle
}

.shop-button span img {
    padding-top: 5px
}

.shop-button {
    padding: 10px 0
}

header {
    width: 100%;
    position: sticky;
    top: 0;
    transition: top .7s ease-in-out;
    background-color: #fff;
    z-index: 1050
}

header.header-up {
    top: -220px
}

.carousel .carousel-item {
    height: 70vh
}

.event-status {
    font-size: .9rem;
    font-weight: 600;
    padding: .25rem .75rem;
    border-radius: 4px;
    backdrop-filter: blur(3px)
}

.past-event {
    color: #ff4d4d;
    background: rgba(115,40,20,.2)
}

.upcoming-event {
    color: #c87328;
    background: rgba(200,115,40,.2)
}

.carousel-title {
    font-size: 130%;
    color: #c87328
}

.card-img-overlay {
    background: url(images/txture-light.png),rgba(255,255,255,.9);
    height: fit-content
}

.partnerski-banner .glass-banner {
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(12px);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(200,115,40,.3);
    overflow: hidden;
    position: relative
}

.partnerski-banner .card-title {
    color: #c87328;
    text-shadow: 0 2px 8px rgba(200,115,40,.3);
    backdrop-filter: blur(8px)
}

.partnerski-banner .btn-banner {
    border: 0;
    transition: transform .2s ease-in-out
}

.partnerski-banner .btn-banner:hover {
    transform: scale(1.05);
    color: #fff
}

.partnerski-banner .ad-label {
    background: #c87328;
    color: #fff;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 4px 0 3px 9px;
    font-size: 1.5rem
}

.cooperate-carousel .card-header,.polecajka-section {
    background: linear-gradient(135deg,rgba(200,115,40,.1)0,rgba(115,40,20,.1) 100%)
}

.polecajka-section {
    padding: 30px 0;
    position: relative;
    overflow: hidden
}

.cooperate-carousel .card-header {
    border-bottom: 1px solid rgba(200,115,40,.3)
}

.cooperate-carousel .glass-card {
    background: #fff;
    border: 1px solid rgba(200,115,40,.3)!important;
    box-shadow: 0 2px 8px rgba(200,115,40,.3);
    transition: all .3s ease;
    cursor: pointer;
    height: 100%;
    overflow: hidden
}

.cooperate-carousel .glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 2px 8px rgba(200,115,40,.3)
}

.header-text {
    color: #c87328;
    font-weight: 600;
    text-align: center
}

.card-image-wrapper {
    position: relative;
    overflow: hidden
}

.stars-wrapper {
    display: flex;
    gap: 5px;
    margin-bottom: 10px
}

.stars-wrapper .material-symbols-outlined {
    color: #c87328;
    font-size: 20px;
    font-variation-settings: "FILL"1
}

.card-text {
    color: #000;
    font-size: .95rem;
    line-height: 1.4
}

.glass-toast,.toast-header {
    background: linear-gradient(135deg,rgba(200,115,40,.1)0,rgba(115,40,20,.1) 100%)
}

.glass-toast {
    backdrop-filter: blur(10px);
    border: 1px solid rgba(200,115,40,.4);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(200,115,40,.3)
}

.toast-header {
    border-bottom: 1px solid rgba(200,115,40,.4);
    border-radius: 6px 6px 0 0
}

.toast-title {
    color: #732814;
    font-weight: 700
}

.toast-body {
    padding: 20px
}

.toast-body a {
    text-align: center;
    justify-content: center
}

.toast-content {
    color: #000;
    margin-bottom: 15px
}

.toast-button {
    background: #c87328;
    border: 0;
    padding: 10px 25px;
    transition: all .3s ease
}

.toast-button:hover {
    background: #732814;
    transform: translateY(-2px)
}

from {
    opacity: 0;
    transform: translateX(-20px)
}

to {
    opacity: 1;
    transform: translateX(0)
}

.cooperate-carousel .owl-item.active {
    animation: slideIn .5s ease
}

#recommend-carousel .card-glass {
    border: 1px solid rgba(200,115,40,.3);
    color: #000;
    overflow: hidden;
    background: #fff
}

#recommend-carousel .card-img-top {
    display: block;
    width: 100%;
    object-fit: contain;
    max-height: 160px;
    padding: 1rem;
    background: 0 0
}

#recommend-carousel .card-glass .card-body {
    position: relative;
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,.8) 10%,rgba(200,115,40,.08) 30%,rgba(115,40,20,.06) 100%);
    backdrop-filter: blur(8px) saturate(120%);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    border-top: none
}

#recommend-carousel .card-glass .card-body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%);
    z-index: 1
}

#recommend-carousel .owl-stage-outer {
    padding-top: 10px
}

#recommend-carousel .item {
    padding: 0 .5rem
}

#recommend-carousel .glass-card {
    background: rgba(200,115,40,.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.2);
    color: #000;
    transition: .3s ease
}

#recommend-carousel .glass-card:hover {
    background: rgba(115,40,20,.15);
    border-color: rgba(200,115,40,.3)
}

.iced-glass {
    background: rgba(255,255,255,.2);
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(200,115,40,.3);
    color: #c87328
}

.iced-glass:focus {
    background: rgba(255,255,255,.3);
    border-color: #c87328;
    color: #732814;
    box-shadow: 0 4px 6px rgba(0,0,0,.2)
}

.iced-glass option {
    background-color: #fff;
    color: #c87328
}

.form-select.iced-glass .category-item-option:active,.form-select.iced-glass .category-item-option:focus,.form-select.iced-glass .category-item-option:focus-visible,.form-select.iced-glass .category-item-option:focus-within,.form-select.iced-glass .category-item-option:hover {
    background-color: #c87328;
    color: #fff
}

.carousel-item img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    height: 100%!important;
    width: 100%!important
}

.news-container .card,.page-wrapper .card {
    border: 1px solid rgba(200,115,40,.4)
}

.news-container .card-header,.page-wrapper .card-header {
    border-bottom: 1px solid #c87328;
    background-color: #c87328
}

.news-container .card-header h2,.page-wrapper .card-header h2 {
    color: #fff
}

.news-container .card-footer,.page-wrapper .card-footer {
    border-top: 1px solid rgba(200,115,40,.4)
}

.news-container .card-footer span,.page-wrapper .card-footer span {
    color: rgba(115,40,20,.4)
}

.categories,.categories li {
    display: inline-block
}

.page h1 {
    text-transform: none;
    background-color: rgba(200,115,47,.99);
    padding: 15px;
    color: rgba(255,255,255,.99);
    margin-bottom: 20px;
    border-radius: 7px
}

.main-text-box-add h1 {
    text-transform: none;
    background-color: none;
    padding: 0;
    color: #fff;
    margin-bottom: 0
}

.content-page {
    padding: 50px 0
}

.pages {
    padding-bottom: 0
}


.btn-form {
    border: 1px solid #c87328;
    color: #c87328
}

pre {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    width: 100%;
    overflow-x: auto;
    font-size: .8rem;
    font-family: "Courier New",Courier,monospace;
    line-height: normal;
    overflow: hidden;
    padding: 10px 15px
}

p,pre {
    margin: .5em 0
}

.wp-caption-text {
    color: #c87328;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 85%!important;
    text-transform: none
}

em,i {
    font-style: italic
}

.bottom h2 {
    line-height: 20px;
    font-weight: 500;
    font-size: .7rem
}

.bottom-h2 a {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    text-decoration: none!important
}

.bottom-h2 a span,.bottom-h2 a span:before {
    background: rgba(200,115,40,.99);
    -webkit-transform-origin: 50%0;
    -moz-transform-origin: 50%0;
    transform-origin: 50%0;
    border-radius: 2px
}

.bottom-h2 a span {
    position: relative;
    color: rgba(255,255,255,.99);
    display: inline-block;
    padding: 0 10px;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.bottom-h2 a span:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.bottom-h2 a:focus span,.bottom-h2 a:hover span {
    -webkit-transform: rotateX(90deg) translateY(-27px);
    -moz-transform: rotateX(90deg) translateY(-27px);
    transform: rotateX(90deg) translateY(-27px);
    border-radius: 2px
}

.bottom-h2 a:focus span:before,.bottom-h2 a:hover span:before {
    background: rgba(200,115,40,.99);
    border-radius: 2px
}

.bottom {
    padding: 10px 0;
    position: relative
}

.back-to-top,.float-button,button.buy-the-coffee {
    margin: 0;
    padding: 0;
    background: #fff;
    height: 0;
    width: 0;
    overflow: hidden;
    border-radius: 50%;
    color: transparent;
    clear: both;
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    display: block;
    border: 0;
    outline: 0!important;
    z-index: 99;
    transition: all .3s ease-in-out;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,.25)
}

.float-button {
    left: 50px;
    bottom: 35px;
    font-size: 0
}

.float-button:active,.float-button:hover {
    outline: 0!important
}

.float-button.show {
    background: #fff;
    color: rgba(200,115,40,.99);
    font-size: 24px;
    left: 25px;
    bottom: 35px;
    visibility: visible
}

.float-menu {
    position: fixed;
    left: 25px;
    padding-bottom: 20px;
    bottom: 50px;
    z-index: 100;
    visibility: visible;
    opacity: 1
}

.float-menu li {
    list-style: none;
    margin-bottom: 10px
}

.back-to-top.show,.buy-the-coffee.show,.float-button.show,.float-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px
}

.float-menu li a {
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);
    text-decoration: none
}

.back-to-top {
    right: 50px;
    bottom: 35px
}

.back-to-top.show,.buy-the-coffee.show {
    background: #fff;
    color: #c87328;
    font-size: 24px;
    right: 25px;
    bottom: 35px;
    visibility: visible
}

.buy-the-coffee.show {
    right: 49%
}

.back-to-top.show:active,.buy-the-coffee.show:active {
    box-shadow: 0 4px 8px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 4px 8px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 0 4px 8px 2px rgba(0,0,0,.25)
}

.buy-the-coffee {
    right: 50%;
    bottom: 35px
}

.material-icons {
    font-family: "Material Symbols Outlined";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased
}

.material-symbols-outlined {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
    letter-spacing: normal !important; /* Blokuje dziedziczenie ujemnego letter-spacing z body, które spychało ikonę w lewo */
    margin-right: .35em; /* Nienaruszone, by nie zepsuć dotychczasowego kodu bez me-2 */
    position: relative;
}
.float-button.show::before {
    content: "groups";
    font-family: "Material Symbols Outlined"
}

.back-to-top.show::before,.buy-the-coffee.show::before {
    content: "keyboard_arrow_up";
    font-family: "Material Symbols Outlined"
}

.buy-the-coffee.show::before {
    content: "local_cafe";
    font-size: 1.2em
}

button.back-to-top:hover::before {
    animation: jump 1.5s ease-in-out infinite
}

button#menu-share:hover::before,button.buy-the-coffee::before {
    animation: spin 1.5s ease-in-out infinite
}

.float-menu li a::before {
    font-family: "Material Symbols Outlined";
    font-size: 1.85em
}

.float-menu li:nth-child(1) a::before {
    content: "edit"
}

.float-menu li:nth-child(2) a::before {
    content: "thumb_up"
}

.float-menu li:nth-child(3) a::before {
    content: "call"
}

.float-menu li:nth-child(4) a::before {
    content: "play_circle"
}

.float-menu li:nth-child(5) a::before {
    content: "add_a_photo"
}

.float-menu:hover {
    visibility: visible!important;
    opacity: 1!important
}

button#menu-share+ul {
    visibility: hidden
}

button#menu-share:hover+ul {
    visibility: visible
}

.modal-body p {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(0,0,0,.3);
    padding: 1em 1.25em;
    border-radius: 2px;
    color: #fff
}

.modal-body p:last-child {
    margin-bottom: 0
}

.countdown-wrapper {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(0,0,0,.3);
    padding: 5px 15px;
    border-radius: 8px
}

.btn-close {
    opacity: .9
}

.btn-close:focus,.btn-close:hover {
    color: #732814!important
}

.btn-close:focus {
    box-shadow: none!important
}

.modal-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 1
}

.modal-content {
    position: relative;
    background: 0 0;
    overflow: hidden;
    border: 1px solid rgba(200,115,40,.3)
}

.modal-body,.modal-footer {
    position: relative;
    z-index: 1;
    background: url(images/txture-light.png),0 0;
    border: 0
}

.modal-header {
    position: relative;
    z-index: 1;
    background: url(images/txture-light.png),rgba(255,255,255,.8);
    border: 0
}

.attachment .download,.attachment .extension,.attachment .size,.attachment .title {
    display: inline-block;
    text-shadow: none!important
}

.attachment {
    padding-top: 20px
}

.attachments {
    padding: 20px 0
}

.attachments li {
    list-style-type: none!important
}

.attachment a,.attachment a:hover {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out
}

.attachment a {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-bottom: 2rem;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.attachment a:hover {
    opacity: .8;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.attachment .title {
    color: rgba(200,115,40,.9)!important;
    font-weight: 700;
    text-transform: inherit;
    width: 45%;
    text-align: left;
    vertical-align: middle
}

.attachment .extension,.attachment .size {
    text-align: center;
    color: #000!important;
    vertical-align: middle;
    font-size: .8rem
}

.attachment .extension {
    font-weight: 700;
    text-transform: uppercase;
    width: 13%
}

.attachment .extension:before {
    content: "[ "
}

.attachment .extension:after {
    content: " ]"
}

.attachment .size {
    width: 20%;
    font-weight: 400;
    padding: 7px
}

.attachment .download {
    text-align: right;
    width: 14%;
    vertical-align: middle
}

.attachment .download span,.attachment a:after {
    display: none
}

.attachment .download::before,.single .attachment .download::before {
    content: "file_save";
    font-family: "Material Symbols Outlined";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.5em;
    vertical-align: middle
}

.wpp-list {
    padding: 15px 0
}

.wpp-list li {
    padding-left: 10px;
    text-transform: none;
    font-size: .9rem;
    line-height: .85
}

.wpp-list li a {
    font-weight: 600;
    line-height: normal;
    font-size: .7rem
}

.wpp-views {
    padding-top: 7px;
    font-size: .7rem
}

.brand {
    z-index: 5
}

.attachment a,.attachment a:hover,.brand img {
    transition: all .5s ease-in-out
}

.brand img:active,.brand img:hover {
    transition: all .5s ease-in-out;
    opacity: .7
}

.page-wrapper {
    padding-top: 0
}

.category-387 .pages {
    padding-top: 50px
}

.news-content-title {
    display: inline-block
}

.news-title-content {
    font-weight: 400;
    padding-right: 7px;
    font-size: .8rem;
    color: rgba(200,115,40,.99)
}

.wpcf7 form .form-group {
    margin-bottom: 1rem;
    color: #732814
}

.wpcf7 form {
    max-width: 400px;
    width: 100%
}

.wpcf7 input[type=email],.wpcf7 input[type=file],.wpcf7 input[type=tel],.wpcf7 input[type=text],.wpcf7 select,.wpcf7 textarea {
    width: 100%;
    padding: .75rem 1rem;
    font-size: 1rem;
    border: 1px solid #c87328;
    border-radius: 4px;
    line-height: normal;
    background-color: #fff;
    transition: border-color .25s ease,box-shadow .25s ease
}

.cf7-dropdown-toggle:focus,.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus {
    border-color: #732814;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(115,40,20,.25)
}

:root {
    --cf7-accent: rgba(115, 40, 20, 1);
    --cf7-highlight: rgba(200, 115, 40, 1)
}

.cf7-dropdown {
    position: relative;
    width: 100%;
    font-size: 1rem
}

.cf7-dropdown-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .625rem .875rem;
    border: 1px solid #c87328;
    border-radius: 4px;
    background: #fff;
    color: #c87328;
    text-align: left;
    cursor: pointer
}

.cf7-dropdown-icon {
    color: #c87328;
    font-size: 24px;
    line-height: 1;
    pointer-events: none;
    transition: transform .2s ease
}

.cf7-dropdown.open .cf7-dropdown-icon {
    transform: rotate(180deg)
}

.cf7-dropdown-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #c87328;
    border-radius: 4px;
    margin: 4px 0 0;
    padding-left: 0!important;
    list-style-type: none;
    z-index: 9999;
    max-height: 240px;
    overflow: auto
}

.cf7-dropdown.open .cf7-dropdown-list {
    display: block
}

.cf7-dropdown-list li {
    padding: .5rem .875rem;
    color: #c87328;
    cursor: pointer;
    list-style-type: none!important
}

.cf7-dropdown-list li:active,.cf7-dropdown-list li:hover {
    background: var(--cf7-highlight);
    color: #fff
}

.wpcf7 input[type=file].btn.btn-secondary.btn-sm {
    border: 1px solid #c87328;
    border-radius: 4px;
    background: 0 0;
    padding: .75rem 1rem;
    font: inherit;
    color: inherit;
    line-height: 1
}

.wpcf7 input[type=file].btn.btn-secondary.btn-sm::file-selector-button {
    color: #fff;
    background-color: #c87328;
    border: 1px solid #c87328;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.wpcf7 input[type=file].btn.btn-secondary.btn-sm:hover::file-selector-button {
    background-color: #732814;
    border-color: #732814
}

.wpcf7 input[type=file].btn.btn-secondary.btn-sm:active::file-selector-button,.wpcf7 input[type=file].btn.btn-secondary.btn-sm:focus::file-selector-button {
    background-color: #732814;
    border-color: #732814;
    outline: 0;
    box-shadow: 0 2px 8px rgba(200,115,40,.3)
}

.wpcf7 input[type=file].btn.btn-secondary.btn-sm::-webkit-file-upload-button {
    color: #fff;
    background-color: #c87328;
    border: 1px solid #c87328;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    cursor: pointer
}

.wpcf7 input[type=file].btn.btn-secondary.btn-sm:hover::-webkit-file-upload-button {
    background-color: #732814;
    border-color: #732814
}

.wpcf7 input[type=file].btn.btn-secondary.btn-sm:active::-webkit-file-upload-button,.wpcf7 input[type=file].btn.btn-secondary.btn-sm:focus::-webkit-file-upload-button {
    background-color: #732814;
    border-color: #732814;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
}

.wpcf7-form .wpcf7-acceptance {
    margin-bottom: 1rem;
    display: flex;
    align-items: center
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] {
    margin-right: .5rem;
    position: relative;
    appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #ced4da;
    border-radius: 2px;
    outline: 0;
    cursor: pointer
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox]::before {
    content: "close";
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    color: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked::before {
    content: "check";
    color: #732814
}

.wpcf7-list-item-label {
    vertical-align: super;
    line-height: 1
}

.wpcf7 input::placeholder,.wpcf7 textarea::placeholder {
    color: #999;
    transition: transform .3s ease,opacity .3s ease;
    transform-origin: left top
}

.wpcf7 input:focus::placeholder,.wpcf7 textarea:focus::placeholder {
    opacity: .7;
    transform: scale(.85) translateY(-10px)
}

.list-table li {
    list-style-type: none!important
}

.cookie-banner-glass {
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(200,115,40,.3);
    z-index: 999999;
    transform: translateY(100%);
    opacity: 0;
    transition: transform .5s cubic-bezier(.16,1,.3,1),opacity .5s ease-in-out;
    animation: slideUpCookie .6s forwards cubic-bezier(.16,1,.3,1) .5s
}

.cookie-icon {
    font-size: 2.8rem;
    color: #c87328;
    animation: slightRotate 4s infinite ease-in-out
}

.cookie-text {
    font-size: .9rem;
    line-height: 1.6;
    color: rgba(30,30,30,.9)!important
}

.cookie-link {
    color: #c87328;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(200,115,40,.4);
    text-underline-offset: 3px;
    transition: all .3s ease
}

.cookie-link:hover {
    color: #732814;
    text-decoration-color: #732814
}

@media only screen and (max-width:576px) {
    .cookie-icon {
        font-size: 2rem
    }

    .cookie-text {
        font-size: .8rem;
        text-align: left
    }
}

.wgm-share-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding: .75rem 1rem;
    background: rgba(200,115,40,.06);
    border: 1px solid rgba(200,115,40,.15);
    border-radius: .4rem
}

.wgm-share-bar__label {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--wgd-muted, #7a6050);
    flex-shrink: 0
}

.wgm-share-bar__label .material-symbols-outlined {
    font-size: 14px;
    color: var(--wgd-1, #c87328)
}

.wgm-share-bar__btns {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center
}

.wgm-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: .35rem;
    border: 1.5px solid transparent;
    cursor: pointer;
    transition: transform .13s,box-shadow .13s,opacity .13s;
    flex-shrink: 0;
    padding: 0
}

.wgm-share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.18)
}

.wgm-share-btn:active {
    transform: translateY(0)
}

.wgm-share-btn .material-symbols-outlined {
    font-size: 16px;
    margin: 0
}

.wgm-share-btn__lbl {
    display: none!important
}

.wgm-share-btn--copy {
    background: rgba(255,255,255,.9);
    border-color: rgba(115,40,20,.2);
    color: var(--wgd-2, #732814)
}

.wgm-share-btn--copy:hover {
    background: #fff;
    border-color: var(--wgd-1, #c87328)
}

.wgm-share-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.wgm-share-btn--fb {
    background: #1877f2;
    color: #fff;
    border-color: #1565d8
}

.wgm-share-icon--fb {
    background-color: #fff;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E")
}

.wgm-share-btn--tw {
    background: #000;
    color: #fff;
    border-color: #111
}

.wgm-share-icon--tw {
    background-color: #fff;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E")
}

.wgm-share-btn--wa {
    background: #25d366;
    color: #fff;
    border-color: #1aad54
}

.wgm-share-icon--wa {
    background-color: #fff;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E")
}

.wgm-share-btn--li {
    background: #0077b5;
    color: #fff;
    border-color: #006097
}

.wgm-share-icon--li {
    background-color: #fff;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")
}

.swatch-label {
    text-transform: normal;
    font-weight: 300;
    font-size: .9rem;
    color: rgba(115,40,20,.99)
}

.post-box-offroad {
    margin: 15px 0
}


@media only screen and (max-width:1680px) {
    .news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6,.news-date,.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6,.page-content ol li,.page-content p,.page-content pre,.page-content ul li,.send_btn {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .news-date {
        font-size: 80%
    }

    .blog-content {
        margin-top: -110px
    }
}

@media only screen and (max-width:1024px) {
    input.search-text:focus {
        width: 750px
    }

    .shop-container {
        background-position: 50% 37%
    }

    .contact-container {
        background-size: cover
    }
}

@media only screen and (max-width:992px) {

    .navbar-header {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .offcanvas-header {
        margin-top: 25px
    }
}

@media only screen and (max-width:800px) {
    input.search-text:focus {
        width: 450px
    }
}

@media only screen and (max-width:768px) {
    .contact-container {
        background-size: cover
    }

    .subpages ul li a h2:after {
        visibility: hidden
    }

    .tag-container {
        padding: 5px
    }

    .right-wrap .news-excerpt {
        padding-bottom: 20px
    }

    .text-right-wrap {
        position: relative
    }

    .mistape_caption {
        display: none
    }

    .shop-container {
        background-position: 50% 10%
    }

    .picture-alt-single {
        font-size: 80%
    }

    .list-content-category {
        margin-bottom: 20px
    }

    header {
        border-bottom: none;
        background-color: #fff
    }

    .page-wrapper {
        margin-top: 0;
        position: relative;
        padding: 0
    }

    .add-desc,.decription-box-grey p,.decription-box-white p,.news-categories h2,.news-title,.news-title-single,.page p,.page-content .news-content-single ol li,.page-content .news-content-single p,.page-content .news-content-single ul li {
        font-size: 100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .page-content ol li,.page-content ul li,.wpp-list li a {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .page-content ol li,.page-content ul li {
        font-size: 90%;
        line-height: normal;
        padding: 0
    }

    .wpp-list li a {
        font-size: 100%
    }

    .list-container {
        margin: 0 15px
    }

    .search-container {
        z-index: 99999!important
    }

    .post-box {
        box-shadow: -2px 0 21px 0 rgba(0,0,0,.3);
        margin: 15px;
        background-color: #fff;
        border-bottom: 3px solid rgba(200,115,40,.4)
    }
}

@media only screen and (max-width:576px) {
    .wpcf7-form {
        padding: 0 1rem
    }

    .page .navigation {
        margin-left: -30px
    }

    .cart-contents i {
        margin-top: -75px
    }

    .contact-container {
        padding: 40px 0;
        background: linear-gradient(to left,rgba(248,245,246,.98) 25%,rgba(248,245,246,0) 100%),url(images/duster-rudy-water-goduster.jpg);
        background-size: cover
    }

    .limited-duster-container,.news-duster-container,.travel-duster-container {
        padding: 0;
        background-color: #fff
    }

    input.search-text:focus {
        width: 300px
    }

    .action-button-shop {
        font-size: 150%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .post-box-offroad {
        margin: 15px
    }

    .blog-content {
        margin-top: -225px
    }

}

@media only screen and (max-width:480px) {
    button.buy-the-coffee.show {
        right: 45%
    }

    input.search-text:focus {
        width: 200px
    }

    .navbar-brand img {
        width: 80%!important
    }

    .shop-button .navbar-nav li {
        padding: 5px 0
    }
}

.news-intro-image-single {
    position: relative!important;
    display: block!important
}

.post-thumb-wrapper {
    overflow: hidden;
    line-height: 0
}

.sponsored-badge-container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 5
}

.post-thumb-wrapper .sponsored-badge,.sponsored-badge {
    position: relative!important;
    bottom: 0!important;
    left: 0!important;
    margin: 0!important
}

.sponsored-badge {
    bottom: 5px!important;
    width: 32px!important;
    height: 32px!important;
    background-color: #28a745!important;
    color: #fff!important;
    border-radius: 6px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    z-index: 10!important;
    box-shadow: 0 4px 10px rgba(0,0,0,.4)!important;
    padding: 0!important
}

.sponsored-badge:hover {
    background-color: #2e7d32;
    transform: scale(1.05)
}

.sponsored-badge h3 {
    margin: 0;
    padding: 1px 0 0
}

.sponsored-info {
    background-color: rgba(46,125,50,.08);
    border: 1px solid rgba(46,125,50,.4);
    color: #2e7d32;
    box-shadow: inset 0 0 10px rgba(46,125,50,.05)
}

.sponsored-badge .material-symbols-outlined {
    font-size: 20px!important;
    margin: 0!important;
    padding: 0!important;
    line-height: 1!important;
    display: block!important
}

.sponsored-info .sponsored-info-text {
    font-size: .95rem;
    letter-spacing: -.01rem
}

.ql-container,.ql-toolbar {
    border-radius: 4px
}

.result-item .sponsored-info {
    margin-bottom: 0!important
}

.goduster-gallery {
    position: relative;
    z-index: 1
}

.goduster-gallery .gallery-lightbox-link {
    display: block;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(200,115,40,.2);
    transition: all .3s ease;
    border: 1px solid rgba(200,115,40,.3)!important;
    text-decoration: none!important;
    line-height: 0!important;
    font-size: 0!important;
    padding: 0!important;
    margin: 0!important;
    background-color: transparent!important
}

.goduster-gallery .gallery-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block!important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    transition: transform .4s ease,filter .4s ease
}

.goduster-gallery .gallery-lightbox-link::after {
    content: "zoom_in";
    font-family: "Material Symbols Outlined";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.5);
    font-size: 3rem;
    color: #fff;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
    text-shadow: 0 2px 8px rgba(0,0,0,.6);
    line-height: 1
}

.goduster-gallery .gallery-lightbox-link:hover .gallery-img {
    transform: scale(1.05);
    filter: brightness(.7)
}

.goduster-gallery .gallery-lightbox-link:hover::after {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1)
}

.goduster-gallery .gallery-lightbox-link:hover {
    text-decoration: none!important;
    border: 1px solid rgba(200,115,40,.3)!important;
    outline: 0!important;
    box-shadow: 0 2px 10px rgba(200,115,40,.4)!important
}

.gdesc-inner,.glightbox-desc {
    display: none!important;
    opacity: 0!important;
    visibility: hidden!important
}

.gslide-image img {
    border-radius: 6px
}

@media only screen and (max-width:576px) {
    .goduster-gallery .gallery-img {
        height: 180px
    }
}

.news-content-single img,.wp-caption,figure {
    max-width: 100%!important;
    height: auto!important;
    width: auto!important
}

.wp-caption-text {
    width: 100%!important;
    text-align: center
}

.news-content-single a.glightbox {
    display: inline-block;
    max-width: 100%
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button {
    background-color: #c87328!important;
    border-radius: 4px!important;
    box-shadow: 0 2px 8px rgba(200,115,40,.3)!important
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button svg {
    fill: #fff!important
}

.onesignal-popover-dialog {
    background: rgba(255,255,255,.95)!important;
    backdrop-filter: blur(12px)!important;
    border: 1px solid rgba(200,115,40,.4)!important;
    border-radius: 6px!important;
    box-shadow: 0 4px 20px rgba(200,115,40,.2)!important
}

.onesignal-popover-dialog .popover-button.primary {
    background-color: #c87328!important;
    border-radius: 4px!important;
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 700
}

.onesignal-popover-dialog .popover-button.secondary {
    color: #732814!important;
    border: 1px solid rgba(115,40,20,.3)!important;
    border-radius: 4px!important
}

#onesignal-bell-container .onesignal-bell-launcher-button::after {
    font-family: "Material Symbols Outlined";
    content: "notifications_active";
    color: #fff;
    font-size: 20px;
    display: none
}

.glass-card-push {
    background: rgba(255,255,255,.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: .5rem;
    border: 1px solid rgba(255,255,255,.2);
    padding: 2rem;
    margin: 2rem 0;
    box-shadow: 0 8px 32px 0 rgba(115,40,20,.1);
    transition: transform .3s ease,box-shadow .3s ease
}

.glass-card-push:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 35px 0 rgba(200,115,40,.2)
}

.push-content,.push-icon {
    display: flex;
    align-items: center
}

.push-content {
    gap: 1.5rem;
    flex-wrap: wrap
}

.push-icon {
    background-color: #c87328;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    justify-content: center;
    flex-shrink: 0
}

.push-icon .material-symbols-outlined {
    font-size: 32px;
    font-variation-settings: "FILL"1,"wght"400,"GRAD"0,"opsz"48
}

.push-text {
    flex-grow: 1;
    min-width: 250px
}

.push-text h3 {
    margin: 0 0 .5rem;
    font-weight: 700;
    color: #333
}

.push-text p {
    margin: 0;
    font-size: .95rem;
    color: #555;
    line-height: 1.5
}

.push-actions {
    flex-shrink: 0
}

.btn-push-main {
    background-color: #c87328;
    color: #fff!important;
    border: 0;
    padding: 12px 24px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .85rem;
    letter-spacing: 1px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .3s ease,transform .2s ease;
    white-space: nowrap
}

.btn-push-main:hover {
    background-color: #e08535
}

.btn-push-main:active {
    transform: scale(.98)
}

.btn-push-main.subscribed {
    background-color: transparent;
    color: #666!important;
    border: 1px solid #ccc
}

.btn-push-main.subscribed:hover {
    background-color: #f5f5f5;
    border-color: #bbb
}

@media (max-width:767.98px) {
    .glass-card-push {
        padding: 1.5rem;
        margin: 1rem
    }

    .push-content {
        flex-direction: column;
        text-align: center;
        gap: 1rem
    }

    .push-icon {
        width: 50px;
        height: 50px
    }

    .push-icon .material-symbols-outlined {
        font-size: 28px
    }

    .btn-push-main,.push-actions {
        width: 100%
    }
}

.glass-page-container {
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(200,115,40,.3);
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    color: rgba(30,30,30,.95)
}

.glass-page-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0));
    z-index: 0
}

#breadcrumbs.glass-breadcrumbs {
    background: rgba(255,255,255,.6)!important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(200,115,40,.2);
    color: #732814
}

.featured-image-wrapper {
    background-color: #fff
}

.featured-image-wrapper .featured-hero {
    display: block!important;
    vertical-align: middle
}

/* ==========================================================================
   GoDuster - Sekcja Pobierania Glassmorphism (Zgodnie z trendami)
   ========================================================================== */

.gd-downloads-wrapper {
    position: relative;
    z-index: 2;
}

.gd-downloads-title {
    color: rgba(115, 40, 20, 1) !important;
    font-weight: 700;
    font-size: 1.3rem !important;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid rgba(200, 115, 40, 0.2);
    padding-bottom: 0.5rem;
    display: inline-block;
}

.gd-downloads-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Karta pojedynczego pliku */
.gd-download-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    
    /* Rozszerzenie bazowego glassmorphismu z motywu */
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(200, 115, 40, 0.3);
    border-radius: 8px; /* Delikatny zaokrąglony kształt */
    box-shadow: 0 4px 15px rgba(200, 115, 40, 0.1);
    
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.gd-download-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(200, 115, 40, 0.2);
    background: rgba(255, 255, 255, 0.25);
}

/* Lewa strona: Tytuł, waga, rozszerzenie */
.gd-dl-left {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.gd-dl-icon {
    font-size: 2.2rem !important;
    color: rgba(200, 115, 40, 1);
    background: rgba(200, 115, 40, 0.1);
    padding: 0.5rem;
    border-radius: 6px;
    border: 1px solid rgba(200, 115, 40, 0.15);
}

.gd-dl-info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.gd-dl-name {
    font-size: 1.05rem;
    font-weight: 600;
    color: rgba(30, 30, 30, 0.95);
    line-height: 1.2;
}

.gd-dl-meta {
    font-size: 0.8rem;
    color: rgba(115, 40, 20, 0.8);
    font-weight: 500;
}

.gd-dl-ext {
    background: rgba(115, 40, 20, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
    color: rgba(115, 40, 20, 1);
    font-size: 0.75rem;
}

/* Prawa strona: Przycisk (bez podkreślenia text-decoration) */
.gd-dl-right {
    flex-shrink: 0;
}

.gd-dl-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: rgba(200, 115, 40, 1);
    color: #fff !important;
    padding: 0.6rem 1.25rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none !important;
    border: 1px solid rgba(200, 115, 40, 1);
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(200, 115, 40, 0.2);
}

.gd-dl-btn .material-symbols-outlined {
    font-size: 1.2rem !important;
}

.gd-dl-btn:hover, .gd-dl-btn:active {
    background-color: rgba(115, 40, 20, 1);
    border-color: rgba(115, 40, 20, 1);
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(115, 40, 20, 0.3);
}

/* Responsywność */
@media (max-width: 768px) {
    .gd-download-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
    }
    
    .gd-dl-right, .gd-dl-btn {
        width: 100%;
        justify-content: center;
    }
}

.gd-corner-ribbon-br {
    position: absolute;
    bottom: 40px;
    right: -75px;
    width: 280px;
    padding: 10px 0;
    z-index: 10;
    
    transform: rotate(-45deg);
    
    background-color: rgba(200, 115, 40, 0.45) !important; 
    backdrop-filter: blur(12px) saturate(130%);
    -webkit-backdrop-filter: blur(12px) saturate(130%);
    
    /* Świetlista krawędź góra/dół, wyłączone boki */
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: none !important;
    border-right: none !important;
    
    /* Miękki cień rzucany w górę na zdjęcie */
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.15) !important;
    
    text-align: center;
    pointer-events: none;
}

.gd-corner-ribbon-br h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important; /* Cień tylko na tekście, dla czytelności na białym piasku */
    line-height: 1.2 !important;
    background: transparent !important;
}

@media (max-width: 768px) {
    .gd-corner-ribbon-br {
        right: -55px;
        width: 220px;
        padding: 6px 0;
    }
    .gd-corner-ribbon-br h1 {
        font-size: 0.9rem !important;
        letter-spacing: 1px !important;
    }
}

/* ==========================================================================
   GoDuster - Sekcja Historia (Paralaksa + Glassmorphism) - WERSJA PRO LIGHT
   ========================================================================== */

/* Główny kontener i nakładka pozostają lekkie */
.gd-parallax-section {
    position: relative;
    background-image: url('images/duster-kurz-paralaksa.webp');
    background-size: cover;
    background-position: center 70%;
    background-repeat: no-repeat;
    background-attachment: scroll; 
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.gd-parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(115, 40, 20, 0.75) 0%, rgba(200, 115, 40, 0.5) 100%);
    z-index: 1;
}

.gd-z-index-content {
    z-index: 2;
}

.gd-glass-panel {
    /* PRO FIX: Cieplejszy, rdzawy brąz, ale bardziej transparentny, by blur działał */
    background: rgba(35, 20, 15, 0.65); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, background 0.4s ease;
}

.gd-glass-panel:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(115, 40, 20, 0.3);
    background: rgba(35, 20, 15, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* ================== TYPOGRAFIA (Lżejsza, czytelniejsza) ================== */
.gd-glass-title {
    color: #ffffff;
    font-weight: 500; /* Zdejmujemy ciężar */
    font-size: 1.4rem;
    text-transform: none; /* Zgodnie ze zdaniem, bez wielkich liter */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Ledwo zauważalny zarys */
    letter-spacing: normal;
}

.gd-glass-text p, 
.gd-glass-text div {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300; /* Cienki, czytelny font zgodnie z trendem */
    text-shadow: none; /* Całkowicie wywalamy dla czystości fontu */
}

/* Uspokojenie wewnętrznych klocków (Tych z Twojego screena ze statystykami) */
.gd-glass-text h1, .gd-glass-text h2, .gd-glass-text h3, .gd-glass-text h4, .gd-glass-text strong {
    font-weight: 500 !important; /* Wymuszamy lżejszy font w tych wklejonych blokach */
}

/* ==========================================================================
   GoDuster - Sekcja Historia (Multi-Layer Parallax + Glassmorphism)
   ========================================================================== */

/* Główny kontener izolujący warstwy */
.gd-parallax-section {
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* WARSTWA 1: Tło właściwe, dające efekt przestrzeni (Można podpiąć prosty JS pod scroll) */
.gd-parallax-bg {
    position: absolute;
    top: -10%;
    left: -5%;
    width: 110%;
    height: 120%;
    background-image: url('images/duster-kurz-paralaksa.webp');
    background-size: cover;
    background-position: center 65%;
    background-repeat: no-repeat;
    z-index: 0;
    will-change: transform;
}

.gd-parallax-dust {
    position: absolute;
    top: -15%;
    left: -15%;
    width: 130%;
    height: 130%; 
    background-image: url('images/dust-particles.png');
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: center;
    z-index: 1;
    opacity: 0.6;
    pointer-events: none;
    will-change: transform;
    animation: driftDust 50s ease-in-out infinite alternate; 
}

@keyframes driftDust {
    0% { 
        transform: translate(0, 0) scale(1); 
    }
    100% { 
        transform: translate(-8%, -8%) scale(1.15);
    }
}

.gd-parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(115, 40, 20, 0.75) 0%, rgba(200, 115, 40, 0.5) 100%);
    z-index: 2;
    pointer-events: none;
}

/* WARSTWA 4: Kontener ze szklanymi kartami */
.gd-z-index-content {
    z-index: 3;
}

.gd-glass-panel {
    /* PRO FIX: Cieplejszy, rdzawy brąz, ale bardziej transparentny, by blur działał */
    background: rgba(35, 20, 15, 0.65); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, background 0.4s ease;
}

.gd-glass-panel:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(115, 40, 20, 0.3);
    background: rgba(35, 20, 15, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
/* ==========================================================================
   GoDuster - Fix na wklejane statystyki (Czyszczenie cieni i teł)
   ========================================================================== */
.gd-glass-panel .gd-expand-text div {
    background: transparent !important;
    box-shadow: none !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.gd-glass-panel .gd-expand-text [style*="color: green"], 
.gd-glass-panel .gd-expand-text [style*="color:green"],
.gd-glass-panel .text-success {
    color: #4ade80 !important; 
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.gd-expand-toggle {
    display: none;
}

.gd-glass-title {
    min-height: 4rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0.5rem;
}

.gd-expand-text {
    min-height: 145px !important;
    max-height: 145px;            
    overflow: hidden;
    position: relative;
    width: 100% !important;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
}

.gd-expand-label {
    display: block;
    width: calc(100% + 3rem) !important;
    margin: 0 -1.5rem 0 -1.5rem;
    padding: 15px 1.5rem 0 1.5rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400; 
    font-size: 0.95rem;
    text-align: center;
    text-transform: none; 
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.gd-expand-label::before {
    display: none !important;
}

.gd-expand-label:hover {
    color: rgba(200, 115, 40, 1);
    border-top-color: rgba(200, 115, 40, 0.7);
}

.gd-expand-label .material-symbols-outlined {
    vertical-align: middle;
    font-size: 1.4em;
    margin-left: 2px;
    position: relative;
    top: -1px;
}

.gd-expand-label:hover::before {
    border-bottom-color: rgba(200, 115, 40, 0.6);
}
.gd-expand-text::after {
    display: none; 
}

.gd-expand-label .gd-less {
    display: none;
}

.gd-expand-toggle:checked ~ .gd-expand-text {
    max-height: 3000px;
    min-height: 145px !important;
    -webkit-mask-image: none;
    mask-image: none;
}

.gd-expand-toggle:checked ~ .gd-expand-label::before {
    opacity: 0;
}
.gd-expand-toggle:checked ~ .gd-expand-label {
    margin-top: 12px; 
}

.gd-expand-toggle:checked ~ .gd-expand-label .gd-more {
    display: none;
}

.gd-expand-toggle:checked ~ .gd-expand-label .gd-less {
    display: inline-block;
}

/* ================== Szklany Przycisk CTA ================== */
.gd-glass-btn {
    background: rgba(200, 115, 40, 0.85) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 12px 30px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: inline-block;
}

.gd-glass-btn:hover, .gd-glass-btn:focus {
    background: rgba(115, 40, 20, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(115, 40, 20, 0.25);
    color: #ffffff !important;
}

@media (min-width: 992px) {
    .gd-parallax-section {
        background-attachment: fixed !important; 
        transform: none !important; 
        background-position: center 60% !important; 
    }
}

.gd-logo-reveal-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px; /* Zmniejszony padding, by logo mogło być większe */
    animation: gdFloat 4s ease-in-out 1s infinite alternate; /* Szybszy i płynniejszy cykl (4s) */
    will-change: transform;
}

.gd-animated-logo-sweep {
    width: 100%;
    max-width: 350px;
    height: auto;
    display: block;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    animation: gdSweepReveal 4.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes gdSweepReveal {
    to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes gdFloat {
    0% { transform: translateY(0px) scale(1); }
    100% { transform: translateY(-7px) scale(1.03); } 
}

@media only screen and (max-width: 991.98px) {
    .gd-animated-logo-sweep {
        max-width: 320px !important;
    }
}

/* ==========================================================================
GoDuster - Wstążki (Swappable Ribbons) & Glassmorphism Kart
========================================================================== */

/* Anty-Underline (Globalny fix na hover dla kart i przycisków) */
.gd-no-underline, .gd-ribbon-pill, .gd-btn-readmore, .gd-glass-btn-outline {
    text-decoration: none !important;
}
.gd-no-underline:hover, .gd-ribbon-pill:hover, .gd-btn-readmore:hover, .gd-glass-btn-outline:hover {
    text-decoration: none !important;
}

/* Ukrywanie natywnego scrollbara */
.gd-hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.gd-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Snap scrolling */
.gd-snap-x {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
.gd-snap-align-start {
    scroll-snap-align: start;
}

/* --- Wstążka Kategorii (Pills) --- */
.gd-ribbon-pill {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(200, 115, 40, 0.3);
    color: rgba(30, 30, 30, 0.9);
    padding: 8px 16px;
    border-radius: 4px !important; /* Twardy wymóg - żadnych pastylek */
    font-weight: 500;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}
.gd-ribbon-pill:hover, .gd-ribbon-pill:focus {
    background: rgba(200, 115, 40, 0.2);
    border-color: rgba(200, 115, 40, 0.6);
    color: rgba(115, 40, 20, 1);
    transform: translateY(-2px);
}
.gd-ribbon-pill.active {
    background: rgba(200, 115, 40, 1);
    color: #fff;
    border-color: rgba(200, 115, 40, 1);
    box-shadow: 0 4px 10px rgba(200, 115, 40, 0.3);
}

.gd-count-badge {
    background-color: rgba(200, 115, 40, 0.15);
    color: #732814;
    border: 1px solid rgba(200, 115, 40, 0.3);
}
.gd-ribbon-pill:hover .gd-count-badge {
    background-color: #ffffff !important;
    color: #732814 !important;
    border-color: transparent;
}

/* --- Konfiguracja Kart --- */
.gd-card-item {
    width: 85vw;
    max-width: 360px;
}

.gd-glass-card {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;
}
.gd-glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(200, 115, 40, 0.15);
    border-color: rgba(200, 115, 40, 0.4);
}

.gd-card-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.gd-card-thumb {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.gd-glass-card:hover .gd-card-img {
    transform: scale(1.03);
}

/* Typografia Karty */
.gd-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(115, 40, 20, 1);
    line-height: 1.3;
    transition: color 0.3s ease;
}
.gd-glass-card:hover .gd-card-title {
    color: rgba(200, 115, 40, 1);
}
.gd-card-excerpt {
    font-size: 0.85rem;
    line-height: 1.5;
    color: rgba(40, 40, 40, 0.8);
}

/* Badges na zdjęciach */
.gd-cat-badge, .gd-views-badge {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgba(115, 40, 20, 1);
    padding: 4px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Fix dla widoczności shortcodu we viewsach */
.gd-views-badge .post-views-count::before {
    display: none !important;
}

/* Tagi */
.gd-tag {
    font-size: 0.7rem;
    color: rgba(200, 115, 40, 1);
    background: rgba(200, 115, 40, 0.1);
    padding: 2px 8px;
    font-weight: 500;
}

/* Solidne Przyciski CTA */
.gd-btn-readmore {
    background-color: #c87328;
    color: #ffffff !important;
    border: 1px solid #c87328;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 8px 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(200, 115, 40, 0.2);
}
.gd-btn-readmore:hover {
    background-color: #732814;
    border-color: #732814;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(115, 40, 20, 0.3);
}

.gd-glass-btn-outline {
    background: transparent !important;
    color: rgba(200, 115, 40, 1) !important;
    border: 1px solid rgba(200, 115, 40, 0.4) !important;
    font-weight: 600;
    transition: all 0.3s ease;
}
.gd-glass-btn-outline:hover {
    background: rgba(200, 115, 40, 0.1) !important;
    border-color: rgba(200, 115, 40, 1) !important;
}

/* Idealnie wyśrodkowane strzałki nawigacyjne */
.gd-ribbon-navigation-container {
    position: relative;
}
.gd-ribbon-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    padding: 0 !important; /* Reset marginesów/paddingów zrzucających centrowanie */
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(200, 115, 40, 0.3);
    color: rgba(115, 40, 20, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

    /* Perfekcyjny Flex-Centering */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    cursor: pointer;
    transition: all 0.3s ease;
}
.gd-ribbon-nav-btn:hover {
    background: rgba(200, 115, 40, 1);
    color: #fff;
    border-color: rgba(200, 115, 40, 1);
}

/* Fix samej ikony Material Symbols, by nie łamała wyśrodkowania */
.gd-ribbon-nav-btn .material-symbols-outlined {
    line-height: 1 !important;
    display: block !important;
}

.gd-ribbon-nav-btn.prev { left: 10px; }
.gd-ribbon-nav-btn.next { right: 10px; }

/* ================== Szklany Przycisk CTA (Uspokojony) ================== */
.gd-glass-btn {
    background: rgba(200, 115, 40, 0.85) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    text-transform: none !important; /* FIX: Wyłączenie wymuszonego UPPERCASE */
    font-weight: 600;
    letter-spacing: normal;
    padding: 8px 24px; /* FIX: Lżejszy padding */
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: inline-block;
}

.gd-glass-btn:hover, .gd-glass-btn:focus {
    background: rgba(115, 40, 20, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(115, 40, 20, 0.25);
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ==========================================================================
GoDuster - Główny Slider (Hero Glassmorphism) - Z POPRAWKAMI V3
========================================================================== */

.gd-hero-wrapper {
    height: 70vh;
    min-height: 500px;
    max-height: 800px;
}

.gd-hero-img {
    object-fit: cover !important;
    transition: transform 6s ease;
}
.carousel-item.active .gd-hero-img {
    transform: scale(1.03);
}

.gd-hero-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 10, 5, 0.95) 0%, rgba(15, 10, 5, 0.4) 45%, transparent 100%);
    pointer-events: none;
}

/* FIX: Powrót wstążki w prawy dolny róg - elegancko nałożona */
.gd-corner-ribbon-br {
    position: absolute;
    bottom: 40px;
    right: -75px;
    width: 280px;
    padding: 10px 0;
    z-index: 10;
    transform: rotate(-45deg);
    background-color: rgba(200, 115, 40, 0.45) !important; 
    backdrop-filter: blur(12px) saturate(130%);
    -webkit-backdrop-filter: blur(12px) saturate(130%);
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.15) !important;
    text-align: center;
    pointer-events: none;
}
.gd-corner-ribbon-br h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;
    line-height: 1.2 !important;
    background: transparent !important;
}

.gd-hero-glass-panel {
    background: rgba(25, 15, 10, 0.55);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    max-width: 750px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.carousel-item:hover .gd-hero-glass-panel {
    border-color: rgba(200, 115, 40, 0.5);
    transform: translateY(-3px);
}

.gd-hero-title {
    font-size: clamp(1.4rem, 3.5vw, 2.3rem);
    font-weight: 600;
    line-height: 1.25;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.gd-hero-title a:hover {
    color: rgba(200, 115, 40, 1) !important;
}
.gd-hero-excerpt {
    font-size: 0.95rem;
    line-height: 1.6;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.gd-hero-badge {
    background: rgba(200, 115, 40, 0.85);
    color: #fff;
    padding: 4px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid rgba(200, 115, 40, 1);
}
.gd-hero-badge.views {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
}
.gd-tag.light {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.gd-hero-indicators {
    bottom: 0;
}
.gd-hero-indicators button {
    width: 30px !important;
    height: 5px !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    border: none !important;
    margin: 0 5px !important;
}
.gd-hero-indicators button.active {
    background-color: #c87328 !important;
    width: 45px !important;
}

/* FIX: Z-index wymuszony na strzałkach + oddalenie od krawędzi */
.gd-hero-nav-btn {
    width: 60px;
    opacity: 0.7;
    z-index: 90 !important; 
}
.gd-hero-nav-btn:hover {
    opacity: 1;
}
.gd-hero-nav-glass {
    width: 44px;
    height: 44px;
    background: rgba(25, 15, 10, 0.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}
.gd-hero-nav-btn:hover .gd-hero-nav-glass {
    background: rgba(200, 115, 40, 0.9);
    border-color: #c87328;
}
.carousel-control-prev.gd-hero-nav-btn { left: 10px; }
.carousel-control-next.gd-hero-nav-btn { right: 10px; }

.gd-hero-badge .post-views-count::before { display: none !important; }

@media (max-width: 767.98px) {
    .gd-hero-wrapper {
        height: 65vh;
    }
    .gd-hero-content {
        padding: 1rem !important;
    }
    .gd-hero-title {
        line-height: 1.3;
    }
    .gd-hero-nav-btn {
        display: none;
    }
    .gd-corner-ribbon-br {
        right: -55px;
        width: 220px;
        padding: 6px 0;
    }
    .gd-corner-ribbon-br h1 {
        font-size: 0.9rem !important;
        letter-spacing: 1px !important;
    }
}
.gd-sponsored-wrapper {
    z-index: 50 !important;
}

.gd-sponsored-wrapper .sponsored-badge {
    position: static !important;
}

/* ==========================================================================
GoDuster - Menu Sklepu / Usług (Pod Headerem) - NOWA MAGIA
========================================================================== */

/* Odświeżona belka główna (żywy gradient) */
.shop-container {
    background: linear-gradient(135deg, #c87328 0%, #732814 100%);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(255,255,255,0.1);
}

.shop-button {
    padding: 0 !important; /* Reset starego, sztywnego paddingu */
}

.shop-button .navbar-nav {
    margin: 0;
}

.shop-button .navbar-nav .nav-item {
    flex-shrink: 0; /* Zabezpieczenie przed łamaniem/ściskaniem tekstu na mobile */
    scroll-snap-align: start;
}

/* Podstawa przycisków */
.shop-button .navbar-nav .nav-item .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Odstęp między tekstem a ikoną */
    padding: 8px 20px !important;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 4px !important; /* Twardy wymóg rounded-2 */
    background: transparent;
    border: 1px solid transparent;
    text-transform: none;

    /* Kubiczna krzywa dająca efekt "sprężystości" / "poskoku" */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

/* FIX: Ujarzmienie starych, uciekających ikon (::after) i wrzucenie ich do środka obok tekstu */
.shop-button .nav-item-14175 a::after,
.shop-button .nav-item-14176 a::after,
.shop-button .nav-item-14657 a::after {
    position: static !important;
    transform: none !important;
    font-size: 1.3rem !important;
    line-height: 1;
    margin-left: 0;
}

/* --- MAGIA DESKTOP (Hover wyzwalający tło i skok) --- */
@media (min-width: 992px) {
    .shop-button .navbar-nav .nav-item .nav-link:hover,
    .shop-button .navbar-nav .nav-item .nav-link:focus {
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        transform: translateY(-4px) scale(1.03); /* POSKOK */
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    }
}

/* --- MAGIA MOBILE (Tło widoczne zawsze, przewijanie horyzontalne) --- */
@media (max-width: 991.98px) {
    .shop-container {
        border-radius: 0; /* Pełna szerokość ekranu dla gładkiego scrolla */
    }
    
    .shop-button ul, 
    .shop-button ul.list-unstyled {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 15px !important;
    }

    .shop-button .navbar-nav .nav-item .nav-link {
        /* Włączone na stałe szkło z zaokrągleniem */
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* Fizyczny efekt wciśnięcia przycisku na ekranie dotykowym */
    .shop-button .navbar-nav .nav-item .nav-link:active {
        transform: scale(0.95);
        background: rgba(255, 255, 255, 0.25) !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
    }
}

.shop-button ul.list-unstyled {
    padding: 12px 15px !important;
}

#navbarNav .nav-link,
#offcanvasNavbar .nav-link {
    padding: 8px 16px !important; /* Brutalne ścięcie starych, wielkich paddingów */
    margin: 4px; /* Drobny odstęp między pigułkami */
    border-radius: 4px !important; /* Twardy wymóg rounded-2 */
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    top: 0 !important; /* Resetujemy błąd motywu (top: -5px) */
    background-color: transparent !important;
}

#navbarNav .nav-link:hover,
#navbarNav .nav-link:focus,
#offcanvasNavbar .nav-link:hover,
#offcanvasNavbar .nav-link:focus {
    background-color: rgba(200, 115, 40, 0.12) !important;
    color: #732814 !important;
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 4px 12px rgba(200, 115, 40, 0.1);
}

@media (max-width: 991.98px) {
    #offcanvasNavbar .nav-link {
        background-color: rgba(200, 115, 40, 0.05) !important;
        border: 1px solid rgba(200, 115, 40, 0.1);
        margin-bottom: 8px;
    }
}

/* ==========================================================================
GoDuster - Sidebar (Single.php Widgets)
========================================================================== */

/* Odstęp sidebara od górnej krawędzi, by nie chował się pod sticky headerem */
.gd-sticky-sidebar {
    padding-bottom: 20px;
}

/* Sprężysty przycisk w dynamicznym widgecie FB */
.gd-btn-scale {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    color: rgba(115, 40, 20, 1) !important; /* Ciemny rdzawo-brązowy tekst dla kontrastu z bielą */
}

.gd-btn-scale:hover, .gd-btn-scale:focus {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;
    color: rgba(200, 115, 40, 1) !important;
    background-color: #ffffff !important;
}

/* Delikatne prześwity białego tekstu w widgecie FB */
.text-white-75 {
    color: rgba(255, 255, 255, 0.85);
}

/* ==========================================================================
GoDuster - Natywne Komentarze (Glassmorphism & Anti-Spam UX)
========================================================================== */

.gd-comments-area {
    clear: both;
}

/* Wcięcia dla odpowiedzi (Drzewko dyskusji) */
.comment-list .children {
    margin-left: 0;
    padding-left: 1rem;
    list-style: none;
    border-left: 3px solid rgba(200, 115, 40, 0.2);
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    .comment-list .children {
        padding-left: 2.5rem;
    }
}

/* Przyciski Odpowiedz */
.comment-reply-link {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: #c87328 !important;
    background: rgba(200, 115, 40, 0.1);
    padding: 6px 12px;
    border-radius: 4px; /* rounded-2 */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-decoration: none !important;
}
.comment-reply-link:hover {
    background: #c87328;
    color: #fff !important;
    transform: translateY(-2px) scale(1.03); /* Firmowy poskok */
    box-shadow: 0 4px 10px rgba(200, 115, 40, 0.2);
}

/* Szklane Inputy Formularza */
.gd-glass-input {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(200, 115, 40, 0.2) !important;
    backdrop-filter: blur(5px);
    color: #333 !important;
    transition: all 0.3s ease;
    padding: 10px 15px !important;
}
.gd-glass-input:focus {
    background: #fff !important;
    border-color: #c87328 !important;
    box-shadow: 0 0 0 0.25rem rgba(200, 115, 40, 0.15) !important;
}

/* Checkbox RODO / Ciastek */
.comment-form-cookies-consent {
    font-size: 0.85rem;
    color: rgba(30, 30, 30, 0.7);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

/* --- Wstążka Menu "Dla Ciekawych" w Footerze --- */
.gd-footer-menu-ribbon {
    margin-bottom: 1.5rem;
}
.gd-footer-menu-ribbon ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding-left: 0;
    margin-bottom: 0;
}
.gd-footer-menu-ribbon ul li {
    list-style: none;
    flex-shrink: 0;
    scroll-snap-align: start;
}
.gd-footer-menu-ribbon ul li a {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.4);
    color: #732814;
    border-radius: 4px; /* Twardy wymóg zamiast 0.25rem */
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none !important;
    border: 1px solid rgba(200, 115, 40, 0.2);
    transition: all 0.3s ease;
}
.gd-footer-menu-ribbon ul li a:hover {
    background: #c87328;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(200, 115, 40, 0.2);
}

/* ==========================================================================
GoDuster - Błąd 404 (Efekt WOW - Aktualizacja pod PROFIL SUV-a)
========================================================================== */
.gd-404-interactive-area {
    position: relative;
    display: block;
    width: 100%;
    max-width: 600px;
    padding: 2rem 0;
    overflow: visible; /* Ważne, by auto mogło wyjechać poza ramy */
}

.gd-404-massive-text {
    font-size: clamp(6rem, 25vw, 15rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -5px;
    color: transparent;
    -webkit-text-stroke: 2px rgba(200, 115, 40, 0.4);
    background: linear-gradient(135deg, #c87328 0%, #732814 100%);
    background-clip: text;
    -webkit-background-clip: text;
    position: relative;
    z-index: 1;
    animation: gdPulse404 3s infinite alternate ease-in-out;
}

.gd-404-massive-text::before {
    content: attr(data-text);
    position: absolute;
    left: -8px;
    top: -8px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(115, 40, 20, 0.2);
    z-index: -1;
    filter: blur(4px);
    animation: gdJitter 5s infinite linear;
}

.gd-404-car-icon {
    position: absolute;
    width: clamp(140px, 32vw, 280px);
    height: auto;
    bottom: 5%; 
    left: -35%;
    z-index: 2;
    animation: gdDrivePro 12s infinite linear;
    filter: drop-shadow(0 10px 8px rgba(0,0,0,0.25)); /* Lekko zmniejszony cień proporcjonalnie do auta */
}

@keyframes gdPulse404 {
    0% { transform: scale(1); opacity: 0.95; }
    100% { transform: scale(1.03); opacity: 1; filter: drop-shadow(0 10px 25px rgba(200, 115, 40, 0.25)); }
}

@keyframes gdJitter {
    0%, 100% { transform: translate(0, 0); }
    20% { transform: translate(5px, -3px) skewX(1deg); }
    40% { transform: translate(-3px, 5px); }
    60% { transform: translate(4px, -2px) skewX(-1deg); }
    80% { transform: translate(-4px, 4px); }
}

/* NOWA ANIMACJA: Jazda po prostej z lekkim podskakiwaniem (bumpy) */
@keyframes gdDriveOffroadProfile {
    0%   { left: -20%; transform: translateY(0); }
    10%  { transform: translateY(-5px); } /* Mała górka */
    20%  { transform: translateY(0); }
    30%  { transform: translateY(5px); } /* Mały dołek */
    40%  { transform: translateY(-3px); }
    50%  { transform: translateY(0); }
    60%  { transform: translateY(-6px); }
    70%  { transform: translateY(2px); }
    80%  { transform: translateY(0); }
    100% { left: 110%; transform: translateY(0); } /* Przejazd na wylot */
}

@keyframes gdDrivePro {
    0%   { left: -35%; transform: translateY(0); }
    10%  { transform: translateY(-2px) rotate(0.5deg); }
    20%  { transform: translateY(1px) rotate(0deg); }
    30%  { transform: translateY(-1px) rotate(-0.5deg); }
    40%  { transform: translateY(2px) rotate(0deg); }
    50%  { transform: translateY(-2px) rotate(0.5deg); }
    60%  { transform: translateY(1px) rotate(0deg); }
    70%  { transform: translateY(-1px) rotate(-0.5deg); }
    80%  { transform: translateY(2px) rotate(0deg); }
    100% { left: 110%; transform: translateY(0); }
}

/* Tło przestrzenne */
.gd-404-bg-animation {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(200, 115, 40, 0.05) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
}

.gd-404-bg-animation::after {
    content: '';
    position: absolute;
    width: 200%; height: 200%;
    top: -50%; left: -50%;
    background-image: repeating-linear-gradient(45deg, rgba(200, 115, 40, 0.02) 0, rgba(200, 115, 40, 0.02) 2px, transparent 2px, transparent 20px);
    animation: gdStripesMove 30s linear infinite;
    z-index: 0;
}

@keyframes gdStripesMove {
    0% { transform: translate(0, 0); }
    100% { transform: translate(5%, 5%); }
}

/* ==========================================================================
Fizyka 404 PRO (Auto + Grunt + Subtelny Kurz)
========================================================================== */

/* Droga / Teren pod kołami */
.gd-404-ground {
    position: absolute;
    bottom: 5%;
    left: -10%;
    width: 120%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(200, 115, 40, 0.4) 15%, rgba(115, 40, 20, 0.4) 85%, transparent);
    z-index: 1;
}

/* Kontener poruszający się w poziomie (Auto + Kurz trzymają się razem) */
.gd-404-vehicle-group {
    position: absolute;
    bottom: 5%; /* Styk z drogą */
    left: -35%;
    width: clamp(140px, 32vw, 280px); /* Skalowanie (mniejszy o 30%) */
    height: auto;
    z-index: 2;
    animation: gdMoveForward 12s infinite linear;
}

/* Wektor auta - przejmuje teraz tylko pracę zawieszenia */
.gd-404-car-icon {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 8px 6px rgba(0,0,0,0.25));
    animation: gdSuspensionPro 12s infinite linear;
}

/* Profesjonalny, dynamiczny kurz z opon (Czysty CSS) */
.gd-404-pro-dust {
    position: absolute;
    bottom: 2%;
    left: -10%; /* Tuż za tylnym kołem */
    width: 40px;
    height: 12px;
    background: rgba(200, 115, 40, 0.35);
    border-radius: 50%;
    filter: blur(4px);
    z-index: -1;
    animation: gdDustTrail 1.2s infinite linear;
}

.gd-404-pro-dust::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: -15px;
    width: 25px;
    height: 10px;
    background: rgba(115, 40, 20, 0.25);
    border-radius: 50%;
    filter: blur(5px);
    animation: gdDustTrail 0.9s infinite linear 0.4s;
}

/* --- Keyframes --- */

/* Ruch grupy przez ekran */
@keyframes gdMoveForward {
    0%   { left: -35%; }
    100% { left: 110%; }
}

/* Praca zawieszenia (Bumpy ride) */
@keyframes gdSuspensionPro {
    0%, 100% { transform: translateY(0); }
    10%  { transform: translateY(-2px) rotate(0.5deg); }
    20%  { transform: translateY(1px) rotate(0deg); }
    30%  { transform: translateY(-1px) rotate(-0.5deg); }
    40%  { transform: translateY(2px) rotate(0deg); }
    50%  { transform: translateY(-2px) rotate(0.5deg); }
    60%  { transform: translateY(1px) rotate(0deg); }
    70%  { transform: translateY(-1px) rotate(-0.5deg); }
    80%  { transform: translateY(2px) rotate(0deg); }
}

/* Zanikające smugi kurzu */
@keyframes gdDustTrail {
    0%   { transform: scale(0.5) translate(0, 0); opacity: 0; }
    20%  { opacity: 0.8; }
    100% { transform: scale(2.5) translate(-25px, -15px); opacity: 0; }
}

/* ==========================================================================
GoDuster - Nawigacja Next/Prev (Single) & Polecane Widget
========================================================================== */
.gd-glass-nav-link {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(200, 115, 40, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.gd-glass-nav-link:hover {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(200, 115, 40, 0.5);
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(200, 115, 40, 0.15);
}
.gd-glass-nav-link:hover .gd-nav-title {
    color: #c87328 !important;
}
.gd-glass-nav-link:hover .gd-nav-circle {
    background: #c87328 !important;
}
.gd-glass-nav-link:hover .gd-nav-icon {
    color: #ffffff !important;
}

.gd-promo-card {
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(200, 115, 40, 0.15);
    transition: all 0.3s ease;
}
.gd-promo-card:hover {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(200, 115, 40, 0.4);
    transform: translateX(4px);
    box-shadow: 0 4px 10px rgba(200, 115, 40, 0.1);
}
.gd-promo-img {
    transition: transform 0.4s ease;
}
.gd-promo-card:hover .gd-promo-img {
    transform: scale(1.1);
}
.gd-promo-card:hover .gd-promo-title {
    color: #c87328 !important;
}

/* Wymuszenie firmowych zaokrągleń i cienia dla osadzonych odtwarzaczy wideo (YouTube, Vimeo itp.) */
.page-content iframe,
.news-content-single iframe,
.wp-block-embed__wrapper iframe {
    border-radius: 4px !important; /* Odpowiednik Bootstrapowego rounded-2 */
    overflow: hidden !important; /* Kluczowe, by iframe nie ucinał rogów maski */
    box-shadow: 0 2px 8px rgba(200, 115, 40, 0.3) !important; /* Globalny cień portalu GoDuster */
    border: 1px solid rgba(200, 115, 40, 0.2); /* Subtelne odcięcie ramy od tła */
}

/* GoDuster - Agenda ACF Fix */
.gd-agenda-content-box p:last-child {
    margin-bottom: 0 !important;
}

/* ==========================================================================
GoDuster - Szklana Tabela Responsywna (Bento Grid / Glassmorphism)
========================================================================== */
.gd-rt-wrapper {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: box-shadow 0.3s ease;
}

.gd-rt-wrapper:hover {
    box-shadow: 0 8px 25px rgba(200, 115, 40, 0.15) !important;
}

.gd-rt-table {
    border-collapse: collapse; /* Zmiana na collapse eliminuje podwójne linie i szpary */
    width: 100%;
}

.gd-rt-table thead th {
    background: rgba(200, 115, 40, 0.15);
    color: #732814;
    border-bottom: 2px solid rgba(200, 115, 40, 0.2) !important;
    padding: 0; 
}

/* Wiersze tabeli */
.gd-rt-table tbody td {
    background: transparent;
    border-bottom: 1px solid rgba(200, 115, 40, 0.1) !important;
    transition: background 0.3s ease;
}

/* Usunięcie dolnej linii w ostatnim wierszu */
.gd-rt-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* Efekt najechania (Hover) dla wierszy */
.gd-rt-table tbody tr:hover td {
    background: rgba(200, 115, 40, 0.1) !important;
}

/* Paski dla czytelności (Zebra) */
.gd-rt-table.table-striped tbody tr:nth-of-type(even) td {
    background: rgba(255, 255, 255, 0.35);
}
.gd-rt-table.table-striped tbody tr:nth-of-type(even):hover td {
    background: rgba(200, 115, 40, 0.1) !important;
}

/* Przycisk sortowania w nagłówku */
.gd-rt-sort-btn {
    transition: background 0.3s ease;
    color: #732814 !important;
}

.gd-rt-sort-btn:hover, .gd-rt-sort-btn:focus {
    background: rgba(200, 115, 40, 0.1) !important;
    outline: none;
}

.gd-rt-sort-btn:active .gd-sort-icon {
    transform: scale(0.8);
}

/* ==========================================================================
GoDuster - Globalny Fix wyrównania wtyczki Post Views (Oczko)
========================================================================== */

/* Zamienia wszystkie kontenery wypluwane przez wtyczkę na sztywne flexboxy */
.post-views,
.post-views-count,
.post-views-icon-wrapper,
.gd-views-badge > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Twardy reset samej ikony oka (zabija dziedziczenie globalnych marginesów z motywu) */
.post-views-icon,
.post-views .material-symbols-outlined {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 6px 0 0 !important; /* Równy dystans od cyfry (zastępuje gap) */
    line-height: 1 !important;
    position: relative;
    top: 0; /* Optyczna mikro-korekta osi dla ikony oka */
    vertical-align: middle !important;
}

/* ==========================================================================
GoDuster - Paginacja Glassmorphism & Wzorzec Hero
========================================================================== */

/* Hero Post Hover Effect */
.gd-hero-post {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gd-hero-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(200,115,40,0.2) !important;
}

/* Paginacja (Szklane Pigułki) */
.gd-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    background: rgba(255,255,255,0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(200,115,40,0.2);
    color: #732814;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.gd-pagination .page-numbers:hover {
    background: rgba(255,255,255,0.8);
    border-color: rgba(200,115,40,0.5);
    transform: translateY(-2px);
}

/* Aktywna strona */
.gd-pagination .page-numbers.current {
    background: #c87328;
    color: #ffffff;
    border-color: #c87328;
    box-shadow: 0 4px 12px rgba(200,115,40,0.3);
    pointer-events: none;
}

/* Kropki (...) w paginacji */
.gd-pagination .page-numbers.dots {
    background: transparent;
    border: none;
    box-shadow: none;
    pointer-events: none;
    color: rgba(115,40,20,0.5);
}
/* ==========================================================================
GoDuster - Fixy UI dla kategorii (Ribbons & Breadcrumbs)
========================================================================== */

/* Nadpisanie starych stylów dla breadcrumbsów */
p#breadcrumbs.glass-breadcrumbs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 1.5rem !important;
    color: rgba(115, 40, 20, 0.8) !important;
    font-size: 0.9rem;
}

p#breadcrumbs.glass-breadcrumbs a {
    color: #c87328;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

p#breadcrumbs.glass-breadcrumbs a:hover {
    color: #732814;
}

/* Stylowanie pigułek filtrów (Ribbons) */
.gd-ribbon-pill {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px; /* Wymuszone rounded-2 */
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(200, 115, 40, 0.2);
    color: #732814;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.gd-ribbon-pill:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(200, 115, 40, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(200, 115, 40, 0.1);
    color: #732814;
}

.gd-ribbon-pill.active {
    background: #c87328;
    color: #ffffff !important;
    border-color: #c87328;
    box-shadow: 0 2px 8px rgba(200, 115, 40, 0.3);
    pointer-events: none; /* Zapobiega ponownemu przeładowaniu na tym samym filtrze */
}
/* Wystrzałowy overlap dla Świeżynki na desktopie */
@media (min-width: 992px) {
    .gd-hero-overlap {
        margin-left: -10%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

/* ==========================================================================
GoDuster - Powiadomienia Push (OneSignal Glass Banner)
========================================================================== */

#gd-push-banner {
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
    max-width: 420px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    /* Twardy priorytet warstwy, przebijający stopkę i newsletter (które mają z-index: 10) */
    z-index: 1055; 
    transform: translateY(150%);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
}

#gd-push-banner.gd-show {
    transform: translateY(0);
    opacity: 1;
}

/* Responsywność dla Mobile - przypinamy pełną szerokość do samego dołu */
@media (max-width: 575.98px) {
    #gd-push-banner {
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 1.5rem 1.5rem 0 0 !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        padding-bottom: 25px !important; /* Bezpieczny margines dla pasków nawigacji np. w iOS */
        background: rgba(255, 255, 255, 0.85); /* Mocniejsze tło na mobile dla czytelności */
    }
}
/* ==========================================================================
GoDuster - Footer Bottom (Wersja v2: Standard rounded-2 & Perfekcyjny Pion)
========================================================================== */

.gd-footer-bottom-wrapper {
    position: relative;
    z-index: 10;
}

/* Główny kontener - Pełna spójność z rounded-2 i symetria */
.gd-footer-glass-bar {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(16px) saturate(120%);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px !important; /* Ścisłe dopasowanie do wytycznych rounded-2 */
    padding: 16px 24px !important; /* Całkowicie równy padding góra/dół i boki */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

.gd-footer-glass-bar:hover {
    border-color: rgba(200, 115, 40, 0.4);
    box-shadow: 0 15px 35px rgba(200, 115, 40, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* Wypionowanie elementów i zablokowanie skoków line-height */
.gd-footer-copy, .gd-footer-slogan {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: rgba(30, 30, 30, 0.85);
    line-height: 1.2 !important;
    margin: 0;
    padding: 0;
}

.gd-footer-icon {
    font-size: 1.2rem !important;
    color: rgba(200, 115, 40, 1);
    margin: 0 !important; /* Usunięcie marginesów bocznych łamiących osie */
    display: inline-flex !important;
    align-items: center;
}

.gd-fw-bold { font-weight: 700; color: #732814; }
.gd-brand-name { font-weight: 500; }
.gd-slogan-text { font-weight: 700; color: #732814; }
.gd-slogan-sep { color: rgba(200, 115, 40, 0.5); font-weight: bold; }
.gd-slogan-sub { font-weight: 400; opacity: 0.8; }

/* ---------------------------------------------------
CAKE & CHERRIES - USUNIĘCIE PASTYLKI, PEŁNY PION
--------------------------------------------------- */
.gd-agency-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(200, 115, 40, 0.08);
    border: 1px solid rgba(200, 115, 40, 0.3);
    border-radius: 4px !important; /* Ścisłe dopasowanie do wytycznych rounded-2 */
    padding: 0 20px !important; /* Padding tylko boczny – pion kontroluje sztywna wysokość */
    height: 36px; /* Wymuszenie równej ramy wysokości dla osi pionowej */
    text-decoration: none !important;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.gd-agency-content {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%;
}

.gd-txt-main, .gd-txt-hover {
    grid-area: 1 / 1;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.85rem;
    white-space: nowrap;
    line-height: 1 !important; /* Wyzerowanie anomalii fontu wewnątrz CSS Grid */
    display: inline-flex;
    align-items: center;
}

/* Stany początkowe animacji */
.gd-txt-main {
    transform: translateY(0);
    opacity: 1;
    color: #732814;
}
.gd-agency-name {
    font-weight: 700;
    color: #c87328;
    transition: color 0.3s ease;
    margin-left: 4px;
}

.gd-txt-hover {
    transform: translateY(150%);
    opacity: 0;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.8rem;
}

/* Akcja Hover z zachowaniem osi */
.gd-agency-badge:hover {
    background: linear-gradient(135deg, #c87328 0%, #732814 100%);
    border-color: #732814;
    transform: translateY(-2px); /* Delikatne uniesienie bez zmiany skali (bezpieczne dla pionu) */
    box-shadow: 0 6px 15px rgba(115, 40, 20, 0.2);
}

.gd-agency-badge:hover .gd-txt-main {
    transform: translateY(-150%);
    opacity: 0;
}

.gd-agency-badge:hover .gd-txt-hover {
    transform: translateY(0);
    opacity: 1;
}

/* ---------------------------------------------------
Responsywność (Mobile)
--------------------------------------------------- */
@media (max-width: 991.98px) {
    .gd-footer-glass-bar {
        padding: 16px !important;
    }
    .gd-footer-copy, .gd-footer-slogan {
        justify-content: center;
        width: 100%;
    }
    /* Elastyczny i równy margines między sekcjami na smartfonie */
    .gd-agency-mobile-wrapper {
        margin: 12px 0 !important;
    }
}

/* ==========================================================================
GoDuster - Newsletter Bar (MailerLite Placeholder)
========================================================================== */

.gd-newsletter-wrapper {
    position: relative;
    z-index: 10;
}

/* Szklany pasek */
.gd-newsletter-bar {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%);
    box-shadow: 0 8px 32px rgba(200, 115, 40, 0.08);
}

/* Kontener na ikonę z gradientem */
.gd-nl-icon-wrapper {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #c87328, #732814);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(200, 115, 40, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Pulsująca ikona */
.gd-pulse-icon {
    font-size: 1.8rem !important;
    animation: gdIconPulse 2.5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

/* Tło - Oddychająca poświata dla zwrócenia uwagi */
.gd-pulse-bg {
    position: absolute;
    top: 50%;
    left: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(200, 115, 40, 0.12) 0%, transparent 65%);
    transform: translateY(-50%);
    border-radius: 50%;
    animation: gdBgPulse 5s infinite alternate ease-in-out;
    pointer-events: none;
}

@keyframes gdIconPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); filter: drop-shadow(0 0 6px rgba(255,255,255,0.6)); }
    100% { transform: scale(1); }
}

@keyframes gdBgPulse {
    0% { transform: translateY(-50%) scale(1); opacity: 0.4; }
    100% { transform: translateY(-50%) scale(1.2); opacity: 1; }
}

/* Pola tekstowe w makiecie (przygotowane pod silnik MailerLite) */
.gd-nl-mockup .gd-glass-input {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(200, 115, 40, 0.3) !important;
    color: #333 !important;
    height: 46px; /* Wymuszenie równej wysokości z guzikiem */
    transition: all 0.3s ease;
}

.gd-nl-mockup .gd-glass-input:focus {
    background: #fff !important;
    border-color: #c87328 !important;
    box-shadow: 0 0 0 0.2rem rgba(200, 115, 40, 0.15) !important;
}

.gd-nl-mockup .gd-btn-readmore {
    height: 46px; /* Sztywna, równa wysokość */
    padding: 0 24px;
}

.gd-nl-rodo a:hover {
    color: #c87328 !important;
}

/* Responsywność */
@media (max-width: 991.98px) {
    .gd-nl-content {
        flex-direction: column;
    }
    .gd-pulse-bg {
        left: 50%;
        transform: translate(-50%, -50%);
    }
    @keyframes gdBgPulse {
        0% { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }
        100% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
    }
}
@media (max-width: 575.98px) {
    .gd-nl-mockup .gd-btn-readmore {
        width: 100%;
        margin-top: 5px;
    }
}

/* ==========================================================================
GoDuster - Perfekcyjne wypionowanie Oczka i Daty (Zastępstwo me-0)
========================================================================== */

/* Wymuszenie flexboxa na całym kontenerze wyświetleń */
.gd-views-badge .post-views {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    gap: 4px; /* Zastępuje klasyczne me-1, dając idealny odstęp między okiem a cyfrą */
}

/* Twarde zachowanie me-0 dla ikony wewnątrz plakietki */
.gd-views-badge .post-views .material-symbols-outlined,
.gd-cat-badge .material-symbols-outlined {
    margin: 0 !important; /* To działa dokładnie jak klasa me-0 */
    padding: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

/* Optyczna korekta samej cyfry */
.gd-views-badge .post-views .post-views__count,
.gd-cat-badge {
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    font-weight: 700;
}

/* Mikro-korekta (opcjonalna): Fonty często mają inny środek ciężkości niż ikony. 
Lekkie obniżenie cyfry o 1px idealnie zrównuje ją z okiem Material Design */
.gd-views-badge .post-views .post-views__count {
    transform: translateY(1px); 
}

/* ==========================================================================
GoDuster - Dodatkowe Podstrony Shortcode (Bento Glass Cards)
========================================================================== */

.gd-subpage-card {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(12px) saturate(110%);
    -webkit-backdrop-filter: blur(12px) saturate(110%);
    border: 1px solid rgba(200, 115, 40, 0.25) !important;
    border-radius: 6px !important; /* Ścisły standard rounded-2 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Stan Hover - Delikatna poświata i poskok w górę */
.gd-subpage-card:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(200, 115, 40, 0.08) 100%) !important;
    border-color: rgba(200, 115, 40, 0.6) !important;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(200, 115, 40, 0.12);
}

/* Tytuł podstrony */
.gd-subpage-title {
    font-size: 0.95rem;
    color: #732814 !important;
    line-height: 1.3 !important;
    transition: color 0.3s ease;
    padding-right: 15px;
}

.gd-subpage-card:hover .gd-subpage-title {
    color: #c87328 !important;
}

/* Kontener na ikonę - Pudełko flex z perfekcyjnym centrowaniem */
.gd-subpage-icon-box {
    width: 32px;
    height: 32px;
    background: rgba(200, 115, 40, 0.1);
    color: #c87328;
    border: 1px solid rgba(200, 115, 40, 0.2);
    border-radius: 50% !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Hover na ikonę - gradient i obrót o 45 stopni */
.gd-subpage-card:hover .gd-subpage-icon-box {
    background: linear-gradient(135deg, #c87328, #732814);
    color: #ffffff;
    border-color: transparent;
    transform: rotate(45deg); /* Zdynamizowanie strzałki/linku */
}

/* Całkowite wyzerowanie anomalii ikony Material Symbols */
.gd-subpage-icon-box .material-symbols-outlined {
    margin: 0 !important; /* Sztywne me-0 */
    padding: 0 !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: normal !important;
}

/* ==========================================================================
GoDuster - Wystrzałowe Float Menu (FAB Glassmorphism)
========================================================================== */
.gd-fab-container {
    position: fixed;
    bottom: 35px;
    left: 25px;
    z-index: 1050;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 15px;
    /* Kontener nie blokuje kliknięć pod spodem, gdy jest rozwinięty */
    pointer-events: none; 
}

/* --- Główny przycisk --- */
.gd-fab-main {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c87328, #732814);
    border: 2px solid rgba(255, 255, 255, 0.25);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 15px rgba(115, 40, 20, 0.4);
    z-index: 2;
    padding: 0;
    outline: none !important;
}

.gd-fab-main:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 25px rgba(200, 115, 40, 0.5);
}

.gd-fab-main .material-symbols-outlined {
    position: absolute;
    font-size: 30px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin: 0 !important;
}

.gd-fab-icon-close {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}

.gd-fab-icon-open {
    opacity: 1;
    transform: rotate(0) scale(1);
}

/* --- Kontener opcji (wysuwa się do góry) --- */
.gd-fab-menu {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
}

/* --- Kulki z ikonami (animacja wjazdu) --- */
.gd-fab-menu li {
    transform: translateY(20px) scale(0.4);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Kaskadowe opóźnienie w oparciu o zmienną HTML */
    transition-delay: calc(var(--i) * 0.05s);
    display: flex;
    align-items: center;
}

.gd-fab-item {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(200, 115, 40, 0.3);
    color: #732814 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    pointer-events: auto;
    position: relative;
}

.gd-fab-item .material-symbols-outlined {
    font-size: 22px !important;
    margin: 0 !important;
    transition: transform 0.3s ease;
}

.gd-fab-item:hover {
    background: #c87328;
    color: #ffffff !important;
    border-color: #c87328;
    transform: scale(1.15);
    box-shadow: 0 6px 15px rgba(200, 115, 40, 0.3);
}

.gd-fab-item:hover .material-symbols-outlined {
    transform: scale(1.1);
}

/* --- Tooltip (Szklista Etykieta) --- */
.gd-fab-tooltip {
    position: absolute;
    left: calc(100% + 15px); /* Wyjazd na prawo */
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(200, 115, 40, 0.2);
    color: #732814;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Strzałka tooltipa */
.gd-fab-tooltip::before {
    content: '';
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px 6px 6px 0;
    border-style: solid;
    border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent;
}

.gd-fab-item:hover .gd-fab-tooltip {
    opacity: 1;
    transform: translateX(0);
}

/* --- INTERAKCJA: Hover na kontener odpala magię --- */
.gd-fab-container:hover .gd-fab-main {
    background: #ffffff;
    color: #c87328;
    border-color: #c87328;
    transform: scale(1.05) rotate(90deg); /* Finezyjny obrót bazy */
}

.gd-fab-container:hover .gd-fab-icon-open {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}

.gd-fab-container:hover .gd-fab-icon-close {
    opacity: 1;
    transform: rotate(-90deg) scale(1);
}

.gd-fab-container:hover .gd-fab-menu {
    pointer-events: auto;
}

.gd-fab-container:hover .gd-fab-menu li {
    transform: translateY(0) scale(1);
    opacity: 1;
}

@media (max-width: 768px) {
    .gd-fab-container {
        left: 15px; /* Delikatne przesunięcie dla mobile */
        bottom: 25px;
    }
}

/* ==========================================================================
GoDuster - Pływające Akcje Prawa Strona (Glassmorphism)
========================================================================== */
.gd-floating-actions-right {
    position: fixed;
    bottom: 35px;
    right: 25px;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    gap: 15px;
    pointer-events: none; /* Klikalne są tylko same przyciski */
}

.gd-action-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(200, 115, 40, 0.3);
    color: #c87328 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.8);
    position: relative;
    outline: none !important;
}

.gd-action-btn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.gd-action-btn:hover {
    background: #c87328;
    color: #ffffff !important;
    border-color: #c87328;
    transform: translateY(-4px) scale(1.1);
    box-shadow: 0 8px 25px rgba(200, 115, 40, 0.4);
}

.gd-action-btn .material-symbols-outlined {
    font-size: 24px !important;
    margin: 0 !important;
    transition: transform 0.4s ease;
}

/* Tooltip dla kawy */
.gd-action-tooltip {
    position: absolute;
    right: calc(100% + 15px);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(200, 115, 40, 0.2);
    color: #732814;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(15px);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.gd-action-tooltip::before {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
.gd-coffee-btn:hover .gd-action-tooltip {
    opacity: 1;
    transform: translateX(0);
}

/* Animacje specjalne wzięte z Twoich starych reguł */
.gd-coffee-btn:hover .material-symbols-outlined {
    animation: spin 1.5s ease-in-out infinite;
}
.gd-back-top-btn:hover .material-symbols-outlined {
    animation: jump 1.5s ease-in-out infinite;
}

@media (max-width: 768px) {
    .gd-floating-actions-right {
        right: 15px;
        bottom: 25px;
    }
}

/* ==========================================================================
GoDuster - Kreator Treści: Wykresy (Chart.js + Glassmorphism)
========================================================================== */

/* Fix na ucięty hover dla horyzontalnie przewijanego paska (wstążki) */
.gd-ribbon-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 5px; /* Daje przestrzeń na wyskoczenie pill-a w górę o 2-4px */
    margin: -10px -5px; /* Równoważy padding, zapobiegając rozjazdowi grida */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.gd-ribbon-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

/* Wymuszenie perfekcyjnego wyrównania ikony Material z tekstem */
.gd-ribbon-pill .gd-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    line-height: 1;
}

.gd-ribbon-pill .gd-icon-wrap .material-symbols-outlined {
    margin: 0 !important; /* Neutralizacja dziedziczenia buggy me-0 */
    padding: 0 !important;
    font-size: 1.2rem;
}

.gd-chart-canvas-wrapper {
    /* Utrzymanie wykresu w ryzach Glass Panelu na flexie */
    max-width: 100%;
}

/* Dostosowanie tabów specjalnie dla ribbonu wykresów */
.gd-charts-section .nav-pills {
    border-bottom: none;
    margin-bottom: 0;
}