@charset "utf-8";
@import "/assets/css/reset.css";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');


/* Large desktop */
@media (max-width: 1199px) {  }

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {  }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  }

/* Landscape phones and down */
@media (max-width: 534px) {  }

/* Landscape phones and down */
@media (max-width: 320px) {  }


@-ms-viewport {
    width: device-width;
}



/***************************************************
Global styles
***************************************************/
html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: none;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-family: var(--ps-f-body);
    font-size: 16px;
    line-height: 1.55;
    color: var(--ps-white);
    background: var(--ps-bg);
    margin: 0;
    padding: 0;
    min-width: 320px;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: var(--ps-orange-light);
}




/* Eyebrow — etykieta nad nagłówkami */
.eyebrow {
    font-family: 'Oswald', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    color: #4c9a3e;
    font-weight: 600;
    margin: 0 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


/***************************************************
Szkielet
***************************************************/

.container {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    padding: 0 10px;
}

main {
    min-height: 300px;
}

.g-header {
    height: 145px;
    position: relative;
    margin: 0 -20px 10px -20px;
}



.form-control-search {
    border: 1px solid #f0f0f0;
    background: #fff;
    border-radius: 25px;
    width: 390px;
    height: 50px;
    padding: 8px 20px;
    position: absolute;
    top: 83px;
    left: 35%;
}
.form-control-search input {
    width: calc(100% - 32px);
    float: left;
    height: 32px;
    line-height: 32px;
    border: 0;
}
.control-search a {
    display: block;
    width: 32px;
    height: 32px;
    float: right;
}


@media (max-width: 900px) {
    body {
        padding-top: 150px;
    }
    .g-header {
        height: 140px;
        top: 0;
        right: 20px;
        left: 20px;
        background: #f5f5f5 url(/assets/img/bg.jpg) repeat-x center top;
        position: fixed;
        z-index: 9999;
    }
    .form-control-search {
        top: 80px;
        left: 20px;
        right: 20px;
        width: auto;
        transition: opacity .25s linear;
        -moz-transition: opacity .25s linear;
        -webkit-transition: opacity .25s linear;
    }

    .sticky2 .g-header {
        transition: height .25s linear;
        -moz-transition: height .25s linear;
        -webkit-transition: height .25s linear;
        overflow: hidden;
        -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    }

    .sticky .g-header {
        height: 75px;
    }
    .sticky .g-header .form-control-search {
        opacity: 0;
    }
}




/* =========================================================================
   FOOTER
   ========================================================================= */
.footer {
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, .06);
    padding-top: 60px;
    color: #a7ad9c;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.footer__top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 44px; }
.footer__brand img { height: 40px; width: auto; margin-bottom: 2px; }
.footer__brand p { color: #a7ad9c; font-size: 14px; line-height: 1.45; margin: 14px 0 18px; max-width: 260px; }
.footer__social { display: flex; gap: 10px; }
.footer__social .social-ico { width: 34px; height: 34px; }
.footer__social .social-ico svg { width: 15px; height: 15px; }
.footer__social .social-ico--google { border: 1px solid rgba(255, 255, 255, .09); }

.footer__col h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #f6f7f2;
    margin-bottom: 16px;
    letter-spacing: .05em;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
}
.footer__col a {
    display: block;
    color: #a7ad9c;
    font-size: 14px;
    line-height: 1.45;
    padding: 6px 0;
    transition: color .15s;
}
.footer__col a:hover { color: #ff7f4a; }

.footer__newsletter p { color: #a7ad9c; font-size: 14px; line-height: 1.45; margin-bottom: 14px; }
.footer__newsletter form { display: flex; gap: 8px; }
.footer__newsletter input {
  flex: 1; min-width: 0; background: #1a1d13; border: 1px solid rgba(255, 255, 255, .09); color: #fff;
  border-radius: 8px; padding: 11px 13px; font-size: 13.5px;
}
.footer__newsletter input:focus { outline: none; border-color: #4c9a3e; }
.footer__newsletter-msg { margin-top: 10px; font-size: 13px; color: #7fce6a; }

.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, .06); padding: 20px 0 26px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; font-size: 12.5px; line-height: 1.4; color: #6f7566;
}
.footer__pay { display: flex; align-items: center; gap: 8px; }
.pay-badge {
  border: 1px solid rgba(255, 255, 255, .09); border-radius: 5px; padding: 4px 9px;
  font-family: 'Oswald', 'Arial Narrow', sans-serif; text-transform: uppercase; font-size: 11px;
  letter-spacing: .03em; color: #a7ad9c; transition: border-color .15s, color .15s;
}
.pay-badge--logo { background: #fff; padding: 5px 10px; display: flex; align-items: center; transition: transform .15s ease; }
.pay-badge--logo img { height: 13px; width: auto; display: block; }
.pay-badge--logo:hover { transform: translateY(-1px); }

@media (max-width: 900px) { .footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__top { grid-template-columns: 1fr; } }



.g-grid {
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.g-row {
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -30px;
}
.g-row > [class*="g-col-"] {
    padding-left: 30px;
}

.g-row-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.g-row-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.g-row-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.g-row-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.g-row-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.g-row-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.g-row-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.g-row-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.g-row-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[class*="g-col-"] {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
}


.g-mb-30 {
    margin-bottom: 30px;
}

.g-col-center {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.g-col-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.g-col-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.g-col-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.g-col-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.g-col-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.g-col-right {
    margin-left: auto;
}

.g-col-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
}

.g-col-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
}

.g-col-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.g-col-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}

.g-col-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}

.g-col-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.g-col-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
}

.g-col-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
}

.g-col-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.g-col-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
}

.g-col-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
}

.g-col-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.g-gutter-reset {
    margin-left: 0;
}

.g-gutter-reset > [class*="g-col-"] {
    padding-left: 0;
}

@media (min-width: 535px) {
    .g-col-s-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-s-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-s-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-s-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-s-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-s-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-s-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-s-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-s-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-s-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-s-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-s-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-s-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-s-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 768px) {
    .g-col-m-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-m-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-m-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-m-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-m-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-m-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-m-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-m-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-m-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-m-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-m-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-m-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-m-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-m-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 980px) {
    .g-col-l-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-l-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-l-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-l-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-l-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-l-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-l-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-l-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-l-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-l-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-l-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-l-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-l-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-l-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

[class*="g-hide-"] {
    display: block;
}

[class*="g-show-"] {
    display: none;
}

@media (min-width: 980px) {
    .g-show-l {
        display: block;
    }
    .g-hide-l {
        display: none;
    }
}

@media (min-width: 768px) {
    .g-show-m {
        display: block;
    }
    .g-hide-m {
        display: none;
    }
}

@media (min-width: 535px) {
    .g-show-s {
        display: block;
    }
    .g-hide-s {
        display: none;
    }
}

/***************************************************
content
***************************************************/


.content p {
    margin: 15px 0;
    line-height: 1.5em;
}

.content h1 {
    font-size: 30px;
    margin: 30px 0 20px 0;
}
h2 {
    font-weight: normal;
    font-size: 30px;
    text-align: left;
    margin: 30px 0;
}

.content h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 35px 0 30px 0;
    position: relative;
}

.content h4 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}

.content ul {
    display: block;
    list-style-type: none;
    margin: 15px 0;
    padding: 0;
    line-height: 1.5em;
}
.content ul li {
    position: relative;
    padding-left: 20px;
}
.content ul li:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #009a45;
    position: absolute;
    left: 0;
    top: 7px;
}
.content ul ul {
    margin: 0;
}

.content ol {
    display: block;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0;
    padding-left: 20px;
    line-height: 1.5em;
}

.content p:first-child, .content h1:first-child, h2:first-child, .content h3:first-child, .content ul:first-child {
    margin-top: 0;
}
.content p:last-child {
    margin-bottom: 0;
}




@media (max-width: 767px) {
    h2 {
        font-size: 22px;
        margin: 30px 0;
    }
}
@media (max-width: 534px) {
    .content-white {
        padding: 30px 20px;
    }
}


/***************************************************
menu
***************************************************/

.navbar {
    position: absolute;
    top: 10px;
    right: 20px;
}
.navbar > ul {
    float: left;
    padding: 10px 0;
}
.navbar > ul > li {
    float: left;
}
.navbar > ul > li > a {
    color: #343b4a;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 0 30px;
}
.navbar ul li a:hover, .navbar ul li a.current {
    text-decoration: underline;
}

.navbar > ul.navbar-profile {
    border-right: 1px solid #d7d7d7;
    padding-right: 30px;
}
.navbar > ul.navbar-profile > li > a {
    color: #009945;
}

.navbar .sub {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 250px;
    background: #343b4a;
    z-index: 999;
    padding: 25px;
    display: none;
}
.navbar .sub a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.8em;
}

@media (max-width: 900px) {
    .navbar {
        top: 19px;
    }
    .navbar ul {
        display: none;
    }
}

@media (max-width: 610px) {
    .navbar .mobile-nav span {
        width: 0;
        overflow: hidden;
    }
}



.mobile-overlay {
    display: none;
    position: fixed;
    top: -200px;
    right: -200px;
    bottom: -200px;
    left: -200px;
    background: rgba(68, 68, 68, 0.5);
    z-index: 999998;
}

.sidr-animating .mobile-overlay,
.sidr-open .mobile-overlay {
    display: block;
}

.mobile-offcanvas {
    display: none;
}

@media (min-width: 901px) {
    .mobile-offcanvas {
        display: block;
    }
}

.mobile-nav {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    transition: top .25s linear;
    -moz-transition: top .25s linear;
    -webkit-transition: top .25s linear;
}

@media (min-width: 901px) {
    .mobile-nav {
        display: none;
    }
}

.mobile-nav:hover {
    text-decoration: none;
}

.mobile-nav span {
    position: relative;
    padding-left: 35px;
    color: #343b4a;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
}

.mobile-nav span::after {
    display: block;
    position: absolute;
    top: 17px;
    left: 0;
    width: 25px;
    height: 3px;
    background: #343b4a;
    box-shadow: 0 6px 0 #343b4a,
    0 -6px 0 #343b4a;
    content: '';
}


.sidr {
    display: block;
    position: fixed;
    top: 0;
    width: 250px;
    height: 100%;
    background: #fff;
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidr ul {
    margin: 30px 0;
    padding: 0;
    list-style: none;
}
.sidr a {
    display: block;
    padding: 7px 15px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
.sidr a:hover {
    text-decoration: underline;
}

.sidr ul ul {
    margin: 10px 0;
}
.sidr ul ul a {
    color: #343b4a;
    font-weight: 700;
    text-decoration: none;
    text-transform: none;
    padding: 5px 15px 5px 25px;
}


.sidr-inner > a, .sidr-inner > h3 {
    display: none;
}


.sidr.right {
    right: -250px;
    left: auto;
}

.sidr.left {
    right: auto;
    left: -200px;
}

.sidr-open .sidr {
    box-shadow: 1px 0 0 #ccc;
}


/***************************************************
			        SLIDER
***************************************************/

.slider-wrapper {
    margin-bottom: 40px;
}

.slider-item {
    position: relative;
}

.slider-item img {
    width: 100%;
    border-radius: 15px;
}

.slider-txt {
    position: absolute;
    top: 50%;
    left: 80px;
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider-txt strong {
    color: #009a45;
}
.slider-txt .btn {
    float: right;
    margin-top: 30px;
}

/*.slider-nav {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -26px;
}
.slider-nav.icon-arrow-light-right {
    left: auto;
    right: 30px;
}*/

.slick-dots {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slick-dots li {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li.slick-active button:before {
    background: #009a45;
}
.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '';
    text-align: center;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 1199px) {
    .slider-txt {
        font-size: 5vw;
    }
}


@media (max-width: 534px) {
    .slider-wrapper {
        display: none;
    }
}


/***************************************************
box profile
***************************************************/


/***************************************************
Specifics
***************************************************/

.right {
    float: right!important;
}
.left {
    float: left!important;
}
.center {
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-center {
    text-align: center;
}

.color1 {
    color: #0ccdd2!important;
}
.color2 {
    color: #f42b2b !important;
}

hr {
    background: #d3d3d3;
    height: 1px;
    border: 0;
    margin: 20px 0;
    clear: both;
}

.pagination {
    margin: 30px 0;
    text-align: center;
}
.pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    margin: 0 3px;
    padding: 0 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    background: #121510;
    color: #dbe0d8;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.pagination a:hover {
    border-color: #7fce6a;
    color: #fff;
    text-decoration: none;
}
.pagination a.current {
    border-color: #7fce6a;
    background: rgba(127,206,106,.14);
    color: #fff;
}
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    color: #a7ad9c;
}


.loader {
    background: url(/assets/img/loader.gif) no-repeat center;
    position: absolute;
    z-index: 9999;
    height: 100%;
    padding: 10px;
    margin: -10px;
}



#cookies {
    position: fixed;
    bottom: 0;
    background: #ececec;
    padding: 5px;
    width: 100%;
    font-size: 12px;
    color: #000;
    text-align: center;
}
#cookies .ok {
    background: #000;
    color: #fff;
    padding: 1px 3px;
    margin: 0 5px;
}
body.hasCookies {
    margin-bottom: 20px;
}

/***************************************************
Zewnętrzne pluginy
***************************************************/

.qtip-error{
    background-color: #ff0000 !important;
    border-color: #ff0000!important;
    color: #fff!important;
    border-radius: 15px;
    font-size: 12px!important;
}
.qtip-info{
    background-color: #59bfdd!important;
    border-color: #28a4c9!important;
    color: #fff!important;
    border-radius: 4px;
}


/***************************************************
Dialog
***************************************************/

/* Add some nice box-shadow-ness to the dialogues */
.qtip.qtip-dialogue{
    max-width: 600px;
    min-width: 210px;

    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    padding: 0;

    background: #fff;
    border: 1px solid #eee;
}

@media (max-width: 534px) {
    .qtip.qtip-dialogue {
        min-width: 0;
        max-width: calc(100vw - 20px);
    }

    .qtip.qtip-dialogue .qtip-content {
        padding: 10px 14px 16px 14px;
    }

    .qtip.qtip-dialogue button {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .qtip.qtip-dialogue button + button {
        margin-top: 10px;
    }
}

.qtip.qtip-dialogue .qtip-titlebar{
    padding: 20px;
    background: #eee;
}
.qtip.qtip-dialogue .qtip-content{
    padding: 10px 20px 20px 20px;
}
.qtip.qtip-dialogue .qtip-content p {
    text-align: center;
}

.qtip.qtip-dialogue button{
    float: left;
    width: 47%;
    margin-top: 20px;
    margin-right: 10px;
}

.qtip.qtip-dialogue button:only-of-type {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.qtip.qtip-dialogue button + button{
    float: right;
    margin-right: 0;
}



.qtip .product-added {
    text-align: left;
}
.qtip .product-added img {
    width: 80px;
    margin-right: 10px;
    float: left;
}
.qtip .product-added p {
    float: left;
    text-align: left!important;
    margin: 22px 0;
    max-width: calc(100% - 90px);
}


@media (max-width: 534px) {
    .qtip.qtip-dialogue{
        min-width: 0;
    }
}


/***************************************************
Forms
***************************************************/

fieldset.form {
    border: 0;
    padding: 0;
    margin: 0;
}
fieldset.form-center {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}


/* wiersz */
.form-group {
    clear: both;
    margin-bottom: 14px;
}
fieldset.form-info .form-group {
    margin-bottom: 0;
}


/* buttony */
fieldset.form .form-btns {
    text-align: center;
    margin-top: 20px;
}

/* nagłówki sekcji w formularzach */
fieldset.form h3 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7fce6a;
    margin: 0 0 18px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
fieldset.form h3:not(:first-child) {
    margin-top: 24px;
}


/* podpis */
.form-label {
    text-align: left;
    padding-top: 7px;
    padding-bottom: 6px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #dbe0d8;
    text-transform: none;
    letter-spacing: 0;
}


/* gwiazdka */
.form-req {
    color: #ff0000;
    margin-left: 3px;
}


/* grupa kontolek */
.form-control-group {
    max-width: 680px;
    margin: 6px 0;
    float: left;
    width: 100%;
}

.form-error {
    display: none;
}


/* kontrolka */
.form-control {
    padding: 11px 16px;
    margin: 0;
    width: 100%;
    border: 1px solid rgba(255,255,255,.13);
    background: #080a08;
    border-radius: 10px;
    font-size: 15px;
    color: #fff;
    transition: border-color .15s, box-shadow .15s;
}
.form-control[type="number"] {
    -moz-appearance: textfield;
}
.form-control[type="number"]::-webkit-outer-spin-button,
.form-control[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-control:hover:not(:disabled) {
    border-color: rgba(255,255,255,.24);
}
.form-control:focus {
    outline: none;
    border-color: #7fce6a;
    box-shadow: 0 0 0 3px rgba(127,206,106,.18);
}
select.form-control:disabled {
    background: #12150f;
    color: #6f7566;
}
select.form-control {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.25L7 7.25L12 2.25' stroke='%239ca394' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 38px;
}
textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

.form-control-lg {
    width: min(400px, 100%);
}
.form-control-sm {
    width: 100px;
}

.form-control-checkbox {
    width: 17px;
    height: 17px;
    margin-right: 7px;
    vertical-align: middle;
    accent-color: #4c9a3e;
}

input[type="radio"].form-control-checkbox {
    width: 16px;
    height: 16px;
}

fieldset.form .form-group > label {
    color: #dbe0d8;
    font-size: 13px;
    line-height: 1.5;
}

fieldset.form .form-group > label[for] {
    font-weight: 600;
}

.form-group-checkbox label {
    font-size: 12px;
    font-weight: 500;
    color: #a7ad9c;
}

.form-control-number .btn {
    font-size: 18px;
    min-width: 39px;
    padding: 9px 10px;
}
.form-control-number .form-control {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 98px);
    margin: 0 10px;
}
.form-control-number > * {
    float: left;
}

.form-control-range input {
    float: left;
    width: 40%;
}
.form-control-range span {
    width: 20%;
    float: left;
    text-align: center;
    margin: 9px 0;
}


.form-control-info {
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #f6f7f2;
}
.form-control-info strike {
    font-weight: normal;
}

.form-control::placeholder {
    color: #8d9483;
}





/***************************************************
Messages
***************************************************/

.msg {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 15px;

    color: #fff;
    background: #009a45;
    border-radius: 15px;
 }

.msg.msg-info {
    color: #3A87AD;
    border: 1px solid #9acfea;
    background: #e2f1f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2f1f9 0%, #b9def0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2f1f9), color-stop(100%,#b9def0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2f1f9 0%,#b9def0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f9', endColorstr='#b9def0',GradientType=0 ); /* IE6-9 */
}

.msg.msg-danger {
    color: #B94A48;
    background: #f2dddd;
}

.msg.msg-success {
    color: #468847;
    border-radius: 3px;
    border: 1px solid #B2DBA1;
    background: #def0d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #def0d7 0%, #c9e5bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def0d7), color-stop(100%,#c9e5bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #def0d7 0%,#c9e5bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0d7', endColorstr='#c9e5bd',GradientType=0 ); /* IE6-9 */
}


/***************************************************
Buttons
***************************************************/


.btn-s {
    font-size: 13px;
    text-align: center;
    min-width: 39px;
    padding: 9px 12px;
}
.btn-s [class*="icon-"] {
    margin: 0 auto;
}

.btn-block {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.btn-disabled {
    opacity: 0.7;
}

.btn svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition: transform .15s ease; }


.btns {
    margin-top: 30px;
    clear: both;
}


@media (max-width: 767px) {
    .btn {
        text-transform: none;
    }
}

@media (max-width: 534px) {
    .btns a {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
}

/***************************************************
Links
***************************************************/

.link {
    text-transform: uppercase;
}
.link:hover {
    text-decoration: none;
    color: #009b45;
}
.link .icon-arrow-s-right {
    margin: -5px 0 -5px 10px;
    vertical-align: initial;
}
.link .icon-arrow-s-left {
    margin: -5px 10px -5px 0;
    vertical-align: initial;
}
.link-u {
    text-decoration: underline;
}
.link-info {
    color: #009b45;
}
.link-success {
    color: #419741;
}
.link-danger {
    color: #C12F2B;
}

/***************************************************
Icons
***************************************************/

[class*="icon-"] {
    display: inline-block;
    vertical-align: middle;
    content:'';
}

.icon-search {
    width: 32px;
    height: 32px;
    background: url('/assets/img/icons.png') 0 0;
}
a:hover .icon-search {
    background-position: 0 -32px;
}
.icon-cart {
    width: 58px;
    height: 46px;
    background: url('/assets/img/icons.png') -39px 0;
}
a:hover .icon-cart {
    background-position: -39px -46px;
}

/*.icon-cart-small {
    width: 25px;
    height: 20px;
    background: url('/assets/img/icons.png') -68px -57px;
}
.btn .icon-cart-small {
    margin: -5px 10px -5px 0;
    vertical-align: text-top;
}*/


.icon-location {
    width: 16px;
    height: 23px;
    background: url('/assets/img/icons.png') 0 -144px;
}
.icon-phone {
    width: 19px;
    height: 19px;
    background: url('/assets/img/icons.png') 0 -172px;
}

.icon-home {
    width: 18px;
    height: 16px;
    background: url('/assets/img/icons.png') -24px -143px;
}


.icon-fb {
    width: 30px;
    height: 30px;
    background: url('/assets/img/icons.png') 0 -71px;
    margin: -8px 0;
}
a:hover .icon-fb {
    background-position: 0 -101px;
}

/***************************************************
Table
***************************************************/
table.table {
    margin: 10px auto;
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #C2C2C2;
}

table.table thead tr {
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

table.table thead th {
    font-weight: bold;
    padding: 8px 10px;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
}
table.table thead th[data-sort] {
    cursor: pointer;
    *cursor: hand;
}
table.table thead th span {
    margin: 0 0 0 2px;
}


table.table td {
    padding: 6px 10px;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
}

table.table tr:nth-child(odd) { background-color: #fff; }
table.table tr:nth-child(even) { background-color: #f6f6f6; }

table.table tr:hover {
    background-color: #ebebeb;
}

table.table tr td.sub {
    padding-left: 30px;
}

table.table input[type=text] {
    margin: -4px -5px;
    padding: 2px;
}
table.table input[type=text].act-order {
    width: 30px;
    text-align: center;
}


/***************************************************
nawigacja
***************************************************/

.breadcrumb {
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0 -15px 0;
}
.breadcrumb span {
    margin: 0 10px;
}
.breadcrumb .icon-home {
    margin: -2px 0 2px 0;
}
.breadcrumb a {
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb .sort {
    text-align: right;
    float: right;
    width: 340px;
    margin: -13px 0 0 0;
}
.breadcrumb .sort select {
    width: 215px;
    margin-left: 20px;
    background: rgba(255,255,255,.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.25L7 7.25L12 2.25' stroke='%239ca394' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center / 16px;
    color: #e4e8da;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
    padding: 10px 36px 10px 12px;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.breadcrumb .sort select:hover:not(:disabled) {
    border-color: rgba(255,255,255,.24);
}

.breadcrumb .sort select:focus {
    outline: none;
    border-color: #e2622e;
    box-shadow: 0 0 0 2px rgba(226,98,46,.18);
    background-color: rgba(255,255,255,.07);
}

.breadcrumb .sort select:disabled {
    opacity: .45;
    cursor: default;
}

.breadcrumb .sort select option {
    background: #1a1d13;
    color: #e4e8da;
}

@media (max-width: 979px) {
    .breadcrumb {
        text-align: center;
    }
    .breadcrumb .sort {
        text-align: center;
        float: none;
        width: 100%;
        margin: 20px 0 -15px 0;
    }
}


/***************************************************
podstrona - kontakt
***************************************************/

@media (max-width: 767px) {
    .wrapper-contact .g-col-6:first-child {
        margin-bottom: 50px;
    }
}




/***************************************************
podstrona - galeria
***************************************************/

.p-gallery article {
    float: left;
    margin: 0 0 20px 20px;
    width: 210px;
}
.p-gallery article:nth-child(4n+1) {
    margin-left: 0;
}


/***************************************************
moduł - katogorie
***************************************************/

.filters-wrapper .g-col-m-12 {
    margin-bottom: 20px;
}


.filters-cats,
.filters-others {
    color: #dbeac8;
    background: linear-gradient(170deg, rgba(20, 23, 15, .96) 0%, rgba(17, 20, 13, .96) 100%);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
    padding: 20px 18px;
    margin-bottom: 14px;
}

.filters-cats h2,
.filters-others h2 {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .09em;
    margin: 0 0 12px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.filters-cats li {
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 0;
}

.filters-cats ul,
.filters-cats ul li {
    list-style: none;
}

.filters-cats ul li {
    padding-left: 0;
}

.filters-cats ul li:before {
    display: none;
}

.filters-cats li a {
    color: #b7cf9a;
    display: block;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.35;
    border-radius: 8px;
    text-decoration: none;
    transition: color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.filters-cats li a:hover {
    color: #fff;
    background: rgba(255,255,255,.06);
}

.filters-cats li.current > a {
    color: #fff;
    font-weight: 700;
    background: linear-gradient(90deg, rgba(226, 98, 46, .28), rgba(226, 98, 46, .14));
    box-shadow: inset 0 0 0 1px rgba(226, 98, 46, .55);
}

.filters-cats li ul {
    border-top: none;
    margin: 2px 0 6px;
    padding-left: 12px;
    border-left: 2px solid rgba(255,255,255,.14);
}

.filters-cats li li a {
    font-size: 12.5px;
    color: #a9bf90;
    padding: 6px 9px;
}

.filters-cats li li.current > a {
    color: #ffb18d;
    font-weight: 700;
    background: rgba(226, 98, 46, .15);
}


.filters-others .form-group {
    margin: 0 0 10px;
}

.filters-others .form-group select {
    width: 100%;
    background: rgba(255,255,255,.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2.25L7 7.25L12 2.25' stroke='%239ca394' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center / 16px;
    color: #e4e8da;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
    padding: 10px 36px 10px 12px;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.filters-others .form-group select:hover:not(:disabled) {
    border-color: rgba(255,255,255,.24);
}

.filters-others .form-group select:focus {
    outline: none;
    border-color: #e2622e;
    box-shadow: 0 0 0 2px rgba(226,98,46,.18);
    background-color: rgba(255,255,255,.07);
}

.filters-others .form-group select:disabled {
    opacity: .45;
    cursor: default;
}

.filters-others .form-group select option {
    background: #1a1d13;
    color: #e4e8da;
}

.filters-nav {
    margin: 0 0 16px;
    text-align: center;
}

#filters_off .btn {
    border: 1px solid rgba(255,255,255,.14);
    background: #1a1d13;
    color: #f6f7f2;
    border-radius: 10px;
    padding: 10px 16px;
}

#filters_off .btn:hover {
    background: #e2622e;
    border-color: #e2622e;
}


/***************************************************
moduł - oferta
***************************************************/

.popular-brands-box {
    margin-bottom: 38px;
}

.popular-brands-box h2 {
    margin-bottom: 20px;
}

.popular-brands-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.popular-brands-item {
    display: inline-block;
    padding: 14px 28px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 999px;
    color: #38373b;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all .18s ease;
}

.popular-brands-item:hover {
    color: #f06f2b;
    border-color: #f06f2b;
}

.popular-brands-item.current {
    background: #f06f2b;
    border-color: #f06f2b;
    color: #fff;
    font-weight: 700;
}

.popular-brands-empty {
    background: #fff;
    border-radius: 15px;
    padding: 24px 30px;
    color: #38373b;
    margin-bottom: 25px;
}

.offers-wrapper .g-col-l-4,
.offers-wrapper .g-col-l-3 {
    margin-bottom: 30px;
}

.offers-item {
    display: block;
    background: #fff;
    text-align: center;
    padding: 0;
    height: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #fff;
}
.offers-item:hover {
    border: 2px solid #009a45;
}
.offers-item figure {
    text-align: center;
    height: 250px;
    position: relative;
}
.offers-item figure img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 8;
}

.offers-item h4 {
    color: #38373b;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 5px 5px 5px;
    min-height: 36px;
}

.offers-description  {
    text-align: left;
    padding: 5px 20px 15px 20px;
}

.price {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.price strong {
    font-size: 14px;
    font-weight: normal;
}
.price2 strong {
    font-weight: normal;
}
.price-prom {
    color: #009a45;
}
.price-prom strike {
    font-size: 14px;
    color: #a1a5ae;
}

.label-promotion, .label-new {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 10px 2px;
    color: #fff;
    float: left;
    margin: 3px;
    background: #009a45;
    z-index: 9;
    position: relative;
    border-radius: 15px;
}
.label-new {
    background: #009a45;
}

.offers-item {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.offers-item__media {
    display: block;
    background: #f6f6f6;
    text-decoration: none;
}
.offers-item__figure {
    margin: 0;
    height: 190px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: linear-gradient(180deg, #fafafa 0%, #f2f2f2 100%);*/
    background: #fff;
    border: 2px solid #f2f2f2;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.offers-item__figure img {
    max-width: 86%;
    max-height: 86%;
    object-fit: contain;
}
.offers-item__placeholder {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 3px solid #d1d1d1;
    color: #d1d1d1;
    font-size: 42px;
    line-height: 48px;
    text-align: center;
    font-weight: 300;
}
.offers-item__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px 18px 0;
    text-align: left;
}
.offers-item__title {
    text-decoration: none;
}
.offers-item__brand {
    color: #5b7e20;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}
.offers-item__title h4 {
    margin: 0;
    min-height: 0;
    color: #222;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}
.offers-item__price {
    margin-top: 10px;
}
.offers-item__price .price {
    font-size: 28px;
    line-height: 1.1;
    color: #111;
    font-weight: 700;
}
.offers-item__price .price-prom {
    font-size: 28px;
    line-height: 1.1;
}
.offers-item__stock {
    margin: 10px 0 16px;
    min-height: 20px;
    font-size: 13px;
    line-height: 1.3;
}
.offers-item__stock-ok {
    color: #5b7e20;
    font-weight: 700;
}
.offers-item__stock-out {
    color: #ea5b0c;
    font-weight: 700;
}
.offers-item__actions {
    margin: auto -18px 0 -18px;
}
.offers-item__cart {
    display: block;
    width: 100%;
    padding: 14px 18px;
    background: #ea5b0c;
    color: #fff !important;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 0 0 15px 15px;
    transition: background-color .2s ease;
}
.offers-item__cart:hover {
    background: #d5520b;
}
.offers-item__cart--secondary {
    background: #5b6775;
}
.offers-item__cart--secondary:hover {
    background: #4c5763;
}


/***************************************************
strona - szczegóły oferty
***************************************************/

.offer-wrapper figure a {
    display: block;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 15px;
}
.offer-wrapper figure img {
    max-width: 70%;
    display: block;
}
.offer-wrapper figure > a:first-child img {
    margin: 0 auto;
}

.offer-producer {
    max-height: 34px;
}

.offer-wrapper .price {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
}
.offer-wrapper .price strike {
    font-weight: normal;
}


.offer-description {
    margin: 50px 0;
}



/***************************************************
podstrona - koszyk
***************************************************/

.cart-list {
    margin-bottom: 40px;
}
.cart-item:first-child {
    border-top: 1px solid #d3d3d3;
}
.cart-item {
    border-bottom: 1px solid #d3d3d3;
    padding: 20px 0;
    position: relative;
}

.cart-item figure {
    height: 175px;
    position: relative;
    background: #fff;
    border-radius: 15px;
}
.cart-item figure img {
    max-width: 80%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 8;
}

.cart-item h3 {
    margin: 10px 0;
}
.cart-item .price {
    font-weight: bold;
    font-size: 18px;
}
.cart-item .act-del {
    position: absolute;
    top: 20px;
    right: 0;
}

@media (max-width: 767px) {
    .cart-item .act-del {
        padding: 5px 10px;
    }
}



.cart-summary {
    float: right;
    max-width: 400px;
    width: 100%;
    margin-bottom: 40px;
}
.cart-summary dt {
    width: 60%;
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
    text-align: right;
}
.cart-summary dd {
    margin-bottom: 5px;
    font-weight: bold;
}
.cart-summary strike {
    font-weight: normal;
}
.cart-summary p {
    font-size: 14px;
    text-align: center;
}

.cart-settings {
    margin: 10px 0;
    padding-bottom: 0;
}
.cart-settings .g-col-s-6 {
    margin-bottom: 40px;
}
.cart-settings label span {
    float: right;
}
.cart-settings label span strong {
    font-weight: normal;
}
.cart-settings .shipping .form-group {
    max-width: 300px;
}



.cash-login-wrapper > .g-row > .g-col-s-6 {
    margin-bottom: 50px;
}
.cash-login-wrapper .cash-login-box .btns {
    text-align: center;
    margin-top: 30px;
}





/***************************************************
podstrona - historia
***************************************************/

.orders-item {
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    padding: 20px 0;
}
.orders-item:first-child {
    border-top: 1px solid #d3d3d3;
}
.orders-item h3 {
    margin-top: 20px;
}
.orders-item .price {
    font-weight: bold;
    font-size: 18px;
}
.orders-item .form-group {
    margin-bottom: 0;
}
.orders-item .btn {
}

.orders-wrapper .btns {
    margin: 0;
}

.orders-wrapper .btns a {
    margin: 5px 0;
}


.order-wrapper .form-info {
    margin-top: 50px;
}


@media (max-width: 767px) {
    .orders-wrapper .btns a {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .orders-wrapper .btns br {
        display: none;
    }
}

/***************************************************
homepage top (layout 1:1)
***************************************************/

.g-header-home {
    height: auto;
    margin: 0 -20px 20px -20px;
    position: relative;
    border-top: 1px solid #295f1c;
    border-bottom: 1px solid #295f1c;
    overflow: hidden;
}

.ps-topbar {
    min-height: 58px;
    background: linear-gradient(to right, #17191d, #242730);
    border-bottom: 1px solid #2f8f1f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 30px;
}


.ps-top-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.ps-top-link {
    color: #c9ccd1;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.ps-top-link:hover {
    color: #fff;
}

.ps-top-ico {
    width: 14px;
    height: 14px;
    position: relative;
    display: inline-block;
    opacity: .9;
}

.ps-top-ico-search {
    border: 2px solid #b9bec6;
    border-radius: 50%;
}
.ps-top-ico-search:after {
    content: '';
    width: 6px;
    height: 2px;
    background: #b9bec6;
    position: absolute;
    right: -4px;
    bottom: -1px;
    transform: rotate(45deg);
}

.ps-top-ico-menu:before,
.ps-top-ico-menu:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #b9bec6;
}
.ps-top-ico-menu:before {
    top: 3px;
    box-shadow: 0 4px 0 #b9bec6;
}
.ps-top-ico-menu:after {
    top: 11px;
}

.ps-top-ico-user {
    width: 15px;
    height: 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 7C9.65685 7 11 5.65685 11 4C11 2.34315 9.65685 1 8 1C6.34315 1 5 2.34315 5 4C5 5.65685 6.34315 7 8 7Z' fill='%23b9bec6'/%3E%3Cpath d='M14 12C14 10.3431 12.6569 9 11 9H5C3.34315 9 2 10.3431 2 12V15H14V12Z' fill='%23b9bec6'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.ps-top-ico-phone {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.5562 12.9062L16.1007 13.359C16.1007 13.359 15.0181 14.4355 12.0631 11.4972C9.10812 8.55901 10.1907 7.48257 10.1907 7.48257L10.4775 7.19738C11.1841 6.49484 11.2507 5.36691 10.6342 4.54348L9.37326 2.85908C8.61028 1.83992 7.13596 1.70529 6.26145 2.57483L4.69185 4.13552C4.25823 4.56668 3.96765 5.12559 4.00289 5.74561C4.09304 7.33182 4.81071 10.7447 8.81536 14.7266C13.0621 18.9492 17.0468 19.117 18.6763 18.9651C19.1917 18.9171 19.6399 18.6546 20.0011 18.2954L21.4217 16.883C22.3806 15.9295 22.1102 14.2949 20.8833 13.628L18.9728 12.5894C18.1672 12.1515 17.1858 12.2801 16.5562 12.9062Z' fill='%23b9bec6'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.navbar-home {
    position: static;
}

.navbar-home > ul {
    float: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 18px;
}

.navbar-home > ul > li {
    float: none;
    position: relative;
}

.navbar-home > ul > li > a {
    margin: 0;
    color: #c9ccd1;
    text-transform: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 400;
}

.navbar-home > ul > li > a:hover {
    text-decoration: none;
    color: #fff;
}

.cart-box-home {
    position: static;
    top: auto;
    right: auto;
}

.ps-cart-btn {
    background: #f06f2b;
    color: #fff;
    border-radius: 9px;
    height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    position: relative;
}

.ps-cart-btn:hover {
    color: #fff;
    background: #e0611f;
}

.ps-cart-btn .icon-cart {
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.29977 5H21L19 12H7.37671M20 16H8L6 3H3M9 20C9 20.5523 8.55228 21 8 21C7.44772 21 7 20.5523 7 20C7 19.4477 7.44772 19 8 19C8.55228 19 9 19.4477 9 20ZM20 20C20 20.5523 19.5523 21 19 21C18.4477 21 18 20.5523 18 20C18 19.4477 18.4477 19 19 19C19.5523 19 20 19.4477 20 20Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.ps-cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    background: #fff;
    color: #f06f2b;
    font-size: 11px;
    text-align: center;
}

.ps-cart-label {
    font-size: 18px;
    line-height: 1;
}

.ps-cart-state {
    display: none;
}

.ps-hero {
    background: linear-gradient(115deg, #184107 0%, #2f640f 30%, #3b7d15 63%, #234d0b 100%);
    padding: 32px 30px 22px;
    color: #fff;
}

.ps-hero-head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.ps-hero-title h1 {
    margin: 0;
    line-height: 1.1;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
}

.ps-hero-title h1 span {
    color: #f06f2b;
}

.ps-hero-title p {
    margin: 10px 0 0;
    color: #a8d684;
    font-size: 20px;
}

.ps-hero-delivery {
    text-align: right;
    align-self: center;
}

.ps-hero-delivery strong {
    display: inline-block;
    background: #f06f2b;
    color: #fff;
    border-radius: 12px;
    padding: 10px 18px;
    font-size: 19px;
    line-height: 1;
}

.ps-hero-delivery span {
    display: block;
    margin-top: 10px;
    color: #d2e2be;
    font-size: 17px;
}

.ps-hero-search {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    margin: 24px 0 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(0, 0, 0, 0.35);
    border-radius: 14px;
    padding: 14px;
    display: flex;
    gap: 8px;
}

.ps-hero-search input,
.ps-hero-search .form-group {
    width: auto;
    float: none;
    flex: 1 1 0;
    margin: 0;
}

.ps-hero-search input {
    height: 42px;
    line-height: 42px;
    border: 1px solid #2f4f31;
    border-radius: 9px;
    background: rgba(0,0,0,0.65);
    color: #fff;
    padding: 0 14px;
}

.ps-hero-search .form-group select {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 1px solid #2f4f31;
    border-radius: 9px;
    background: rgba(0,0,0,0.65) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
    color: #fff;
    padding: 0 36px 0 14px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: inherit;
}

.ps-hero-search .form-group select:disabled {
    opacity: 0.45;
    cursor: default;
}

.ps-hero-search .form-group select option {
    background: #1a2e1a;
    color: #fff;
}

.ps-hero-search input#search {
    flex: 1.2 1 0;
}

.ps-hero-search a.ps-hero-submit {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: 190px;
    height: 42px;
    border-radius: 12px;
    background: #f06f2b;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.ps-hero-search a.ps-hero-submit:hover {
    background: #e0611f;
}

.ps-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ps-hero-tags span {
    display: inline-block;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.12);
    color: #dbeac8;
    font-size: 14px;
    line-height: 1;
    padding: 9px 14px;
}

.ps-hero-bottom {
    background: var(--ps-bg-soft);
    border-bottom: 1px solid rgba(255,255,255,.06);
    padding: 18px 0;
    margin-bottom: 30px;
}

#shipping-cutoff-bar .trustbar__inner {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
    justify-content: space-between;
}

#shipping-cutoff-bar .trustbar__ship,
#shipping-cutoff-bar .trustbar__free,
#shipping-cutoff-bar .trustbar__couriers {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

#shipping-cutoff-bar .trustbar__ship {
    font-size: 14px;
}

#shipping-cutoff-bar .trustbar__free {
    font-size: 14px;
}

#shipping-cutoff-bar .trustbar__ship-icon {
    color: var(--ps-green-light);
    flex-shrink: 0;
}

#shipping-cutoff-bar .trustbar__free svg {
    width: 24px;
    height: 24px;
    color: var(--ps-green-light);
    flex-shrink: 0;
}

#shipping-cutoff-bar .trustbar__ship-icon svg {
    width: 26px;
    height: 26px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6;
}

#shipping-cutoff-bar .trustbar__ship strong {
    display: block;
    color: #fff;
    font-family: var(--ps-f-display);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.1;
}

#shipping-cutoff-bar .trustbar__ship span {
    color: var(--ps-muted);
    font-size: 13px;
}

#shipping-cutoff-bar .trustbar__ship b {
    color: var(--ps-orange-light);
    font-variant-numeric: tabular-nums;
}

#shipping-cutoff-bar .trustbar__free span {
    color: var(--ps-muted);
    font-size: 13px;
}

#shipping-cutoff-bar .trustbar__free strong {
    color: #fff;
}

#shipping-cutoff-bar .trustbar__couriers {
    gap: 10px;
}

#shipping-cutoff-bar .trustbar__couriers-label {
    font-size: 12px;
    color: var(--ps-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-family: var(--ps-f-display);
    margin-right: 2px;
}

#shipping-cutoff-bar .courier-plate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 44px;
    padding: 0 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.18);
    color: #161711;
    font-family: var(--ps-f-display);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    transition: transform .15s ease, box-shadow .15s ease;
}

#shipping-cutoff-bar .courier-plate:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,.28);
}
#shipping-cutoff-bar .courier-plate img {
    height: 20px;
    width: auto;
    display: block;
}

#shipping-cutoff-bar .trustbar__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--ps-orange) 0%, var(--ps-orange-light) 100%);
    color: #fff;
    font-family: var(--ps-f-display);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 10px 26px rgba(226,98,46,.32);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

#shipping-cutoff-bar .trustbar__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(226,98,46,.42);
    filter: brightness(1.04);
}

.home-main.sticky .g-header-home,
.home-main.sticky2 .g-header-home {
    height: auto;
    overflow: visible;
    box-shadow: none;
}

.home-main.sticky .g-header-home .form-control-search {
    opacity: 1;
}

@media (max-width: 1300px) {
    .ps-hero-title h1 {
        font-size: 30px;
    }
    .ps-hero-title p,
    .ps-hero-delivery span {
        font-size: 17px;
    }
    .ps-hero-delivery strong {
        font-size: 19px;
    }
}

@media (max-width: 1100px) {
    .ps-topbar {
        padding: 8px 20px;
    }
    .ps-top-actions {
        gap: 12px;
    }
    .ps-hero-head {
        flex-wrap: wrap;
    }
    .ps-hero-delivery {
        text-align: left;
    }
    .ps-hero-search {
        flex-wrap: wrap;
    }
    .ps-hero-search input,
    .ps-hero-search .form-group {
        flex: 1 1 calc(50% - 4px);
    }
    .ps-hero-search a.ps-hero-submit {
        width: 100%;
    }
}

@media (max-width: 900px) {
    body{
        padding-top: 0;
    }
    .g-header-home {
        margin-left: -20px;
        margin-right: -20px;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
    }
    .ps-cart-label {
        font-size: 16px;
    }
    .ps-hero {
        padding: 24px 20px 18px;
    }
    .ps-hero-title h1 {
        font-size: 24px;
    }
    .ps-hero-title p,
    .ps-hero-delivery span {
        font-size: 15px;
    }
    .ps-hero-delivery strong {
        font-size: 17px;
    }
    .ps-hero-tags span {
        font-size: 13px;
    }
    #shipping-cutoff-bar .trustbar__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

@media (max-width: 610px) {
    .ps-topbar {
        flex-wrap: wrap;
        gap: 12px;
    }
    .ps-top-actions {
        width: 100%;
        justify-content: space-between;
    }
    .navbar-home > ul {
        gap: 10px;
    }
    .ps-top-link span:last-child,
    .navbar-home > ul > li > a span:last-child {
        display: none;
    }
    .ps-hero-search input,
    .ps-hero-search .form-group {
        flex: 1 1 100%;
    }
}

/***************************************************
homepage top v2 (layout)
***************************************************/

.ps-topbar-v2 {
    background: #000;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #a7ad9c;
    font-size: 13px;
}

.ps-topbar-v2__inner,
.ps-header-v2__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

.ps-topbar-v2__inner {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.ps-topbar-v2__badge {
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #7fce6a;
    font-size: 12px;
    font-weight: 700;
}

.ps-topbar-v2__right,
.ps-topbar-v2__social {
    display: flex;
    align-items: center;
}

.ps-topbar-v2__right {
    gap: 18px;
}

.ps-topbar-v2__phone:hover {
    color: #ff7f4a;
}

.ps-topbar-v2__social {
    gap: 8px;
}

.ps-topbar-v2__social a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.ps-topbar-v2__social a:nth-child(1) { background: #1877f2; }
.ps-topbar-v2__social a:nth-child(2) { background: #d6249f; }
.ps-topbar-v2__social a:nth-child(3) { background: #3b3f47; }

.ps-header-v2 {
    background: rgba(10,11,8,0.9);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.ps-header-v2__inner {
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.g-header-home .ps-header-v2 .logo img {
    height: 38px;
    width: auto;
    min-width: 0;
}

.ps-mainnav {
    display: flex;
    align-items: center;
    gap: 24px;
}

.ps-mainnav a {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .04em;
    color: #f6f7f2;
    opacity: .86;
    font-weight: 600;
}

.ps-mainnav a:hover {
    color: #7fce6a;
    opacity: 1;
}

.ps-header-search {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
    max-width: 320px;
}

.ps-header-search input {
    width: 100%;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.07);
    color: #fff;
    border-radius: 999px;
    padding: 10px 14px;
}

.ps-header-search button {
    border: 0;
    border-radius: 999px;
    background: #e2622e;
    color: #fff;
    padding: 10px 16px;
    font-weight: 700;
}

.ps-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ps-header-actions__icon {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.ps-header-actions .cart-box-wrapper {
    margin: 0;
}

.ps-hamburger {
    display: none;
    width: 42px;
    height: 42px;
    background: none;
    border: 0;
    padding: 0;
}

.ps-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    margin: 5px auto;
}

.ps-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: min(340px, 86vw);
    height: 100vh;
    background: #12140d;
    border-left: 1px solid rgba(255,255,255,0.1);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 999999;
    padding: 90px 22px 22px;
}

.ps-mobile-menu.is-open {
    transform: translateX(0);
}

.ps-mobile-menu nav a {
    display: block;
    padding: 12px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    text-transform: uppercase;
    font-size: 15px;
}

.ps-mobile-menu__phone {
    display: block;
    margin-top: 18px;
    text-align: center;
    background: #e2622e;
    color: #fff;
    padding: 12px 14px;
    border-radius: 10px;
    font-weight: 700;
}

.ps-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 999998;
}

.ps-menu-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1080px) {
    .ps-mainnav,
    .ps-header-search {
        display: none;
    }
    .ps-hamburger {
        display: block;
    }
}

@media (max-width: 700px) {
    .ps-topbar-v2__badge {
        display: none;
    }
    .ps-topbar-v2__inner,
    .ps-header-v2__inner {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/***************************************************
global base v2 (layout)
***************************************************/

:root {
    --ps-bg: #0a0b08;
    --ps-bg-soft: #12140d;
    --ps-panel: #171912;
    --ps-border: rgba(255,255,255,0.09);
    --ps-white: #f6f7f2;
    --ps-muted: #a7ad9c;
    --ps-green: #4c9a3e;
    --ps-green-light: #7fce6a;
    --ps-orange: #e2622e;
    --ps-orange-light: #ff7f4a;
    --ps-radius-sm: 8px;
    --ps-radius: 14px;
    --ps-shadow: 0 12px 32px rgba(0,0,0,0.35);
    --ps-f-display: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    --ps-f-body: 'Inter', 'Montserrat', Arial, sans-serif;
}


h1, h2, h3, h4 {
    font-family: var(--ps-f-display);
    text-transform: uppercase;
    letter-spacing: .01em;
    line-height: 1.08;
    color: var(--ps-white);
}


.content,
.content p,
.content ul li,
.content ol li {
    color: var(--ps-muted);
}

.content h1,
.content h2,
.content h3,
.content h4 {
    color: var(--ps-white);
}

.content-white {
    background: var(--ps-panel);
    border: 1px solid var(--ps-border);
    border-radius: var(--ps-radius);
}

.btn {
    /* layout */
    display: inline-block;
    padding: 13px 28px;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: var(--ps-radius-sm);
    /* typografia */
    font-family: var(--ps-f-display);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    /* wygląd */
    color: #fff;
    background: var(--ps-orange);
    box-shadow: 0 8px 20px rgba(226,98,46,0.35);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}

.btn:hover {
    background: var(--ps-orange-light);
    color: #fff;
    box-shadow: 0 10px 26px rgba(226,98,46,0.5);
}

.btn:active {
    transform: translateY(1px);
}


.btn-green {
    background: var(--ps-green);
    color: #fff;
    box-shadow: 0 8px 20px rgba(76,154,62,0.35);
}

.btn-green:hover {
    background: var(--ps-green-light);
    color: #10230b;
}

.btn-light {
    background: transparent;
    color: var(--ps-white);
    border-color: var(--ps-border);
}

.btn-light:hover,
.btn.current {
    background: rgba(255,255,255,0.08);
    color: var(--ps-orange-light);
    border-color: var(--ps-orange);
}

/***************************************************
topbar + header 1:1 (layout)
***************************************************/

:root {
    --header-h: 84px;
    --topbar-h: 38px;
}

.wrap {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 24px;
}

.icon {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

.topbar {
    background: #000;
    height: var(--topbar-h);
    border-bottom: 1px solid rgba(255,255,255,.06);
    font-size: 13px;
    color: #a7ad9c;
}

.topbar__inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.topbar__badge {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 12px;
    color: #7fce6a;
}

.topbar__right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.topbar__link {
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color .15s;
}

.topbar__link:hover {
    color: #ff7f4a;
}

.topbar__social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-ico {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    transition: transform .15s, box-shadow .15s;
}

.social-ico svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.social-ico:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
}

.social-ico--facebook { background: #1877F2; }
.social-ico--instagram { background: radial-gradient(circle at 30% 110%, #FDF497 0%, #FD5949 45%, #D6249F 60%, #285AEB 90%); }
.social-ico--google { background: #fff; }
.social-ico--google svg { width: 15px; height: 15px; }

.g-header-home.header {
    position: sticky;
    top: 0;
    z-index: 60;
    height: var(--header-h);
    background: rgba(10,11,8,.88);
    backdrop-filter: blur(10px);
    border-top: 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    transition: height .2s ease, background-color .2s ease;
    margin: 0 -10px 0 -10px;
    overflow: visible;
}

.g-header-home.header.is-scrolled {
    height: 66px;
    background: rgba(8,9,6,.97);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

.header__inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.header .logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.g-header-home.header .logo img {
    position: static;
    max-width: 152px;
    width: calc(100vw - 250px);
    min-width: 0;
    transition: height .2s ease;
}

.g-header-home.header.is-scrolled .logo img {
    height: 32px;
}

.mainnav {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-right: auto;
}

.mainnav a {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .04em;
    color: #f6f7f2;
    opacity: .85;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 0;
    position: relative;
    transition: opacity .15s, color .15s;
}

.mainnav a:hover {
    opacity: 1;
    color: #7fce6a;
}

.mainnav a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #e2622e;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
}

.mainnav a:hover::after {
    transform: scaleX(1);
}

.mainnav .chev {
    width: 12px;
    height: 12px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.4;
}

.mainnav__drop {
    position: relative;
}

.mainnav__panel {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    background: #171912;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 8px;
    padding: 8px;
    min-width: 220px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

.mainnav__drop:hover .mainnav__panel,
.mainnav__drop:focus-within .mainnav__panel {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(2px);
}

.mainnav__panel a {
    display: block;
    padding: 9px 12px;
    font-family: 'Inter', 'Montserrat', sans-serif;
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 6px;
    opacity: .9;
}

.mainnav__panel a:hover {
    background: #1a1d13;
    opacity: 1;
}

.mainnav__panel a::after {
    display: none;
}

.header__search {
    flex: 1 1 380px;
    max-width: 460px;
    position: relative;
}

.header__search form {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #1a1d13;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px;
    padding: 6px 6px 6px 16px;
}

.header__search form:focus-within {
    border-color: #4c9a3e;
}

.header__search .icon {
    width: 17px;
    height: 17px;
    color: #a7ad9c;
}

.header__search input {
    flex: 1;
    background: none;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
    min-width: 0;
}

.header__search input:focus {
    outline: 0;
}

.header__search .btn--sm {
    padding: 9px 14px;
    font-size: 13px;
    border-radius: 8px;
}

.btn--orange {
    background: #e2622e;
    color: #fff;
    box-shadow: 0 8px 20px rgba(226,98,46,.35);
}

.btn--orange:hover {
     background: #ff7f4a;
     box-shadow: 0 10px 26px rgba(226,98,46,.5);
 }

 .btn--lg {
     padding: 16px 28px;
     font-size: 16px;
 }

 .search-suggest {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #171912;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
    overflow: hidden;
    z-index: 70;
}

.search-suggest .search-result-inline {
   display: inline-block;
   margin: 10px 0 0 10px;
   padding: 4px 8px;
   border-radius: 999px;
   border: 1px solid rgba(255,255,255,.15);
   background: rgba(255,255,255,.04);
   color: #d8e0cf;
   font-size: 12px;
   text-decoration: none;
}

.search-suggest .search-result-inline:hover {
   border-color: rgba(127,206,106,.6);
   color: #fff;
}

.search-suggest .search-result-count {
   opacity: .7;
}

.search-suggest .search-result-item {
   display: block;
   border-top: 1px solid rgba(255,255,255,.07);
   padding: 10px;
   color: #f5f7f2;
   text-decoration: none;
}

.search-suggest .search-result-item:hover {
   background: rgba(255,255,255,.04);
}

.search-suggest .search-result-item figure {
   width: 48px;
   height: 48px;
   float: left;
   margin: 0 10px 0 0;
   border: 1px solid rgba(255,255,255,.1);
   border-radius: 6px;
   background: #fff;
   position: relative;
}

.search-suggest .search-result-item figure img {
   max-width: 90%;
   max-height: 90%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.search-suggest .search-result-name {
   display: block;
   font-size: 13px;
    line-height: 1.2em;
}

.search-suggest .search-result-price {
   display: block;
   margin-top: 6px;
   font-size: 12px;
   line-height: 1em;
}

.search-suggest .search-result-code {
    float: right;
    margin-top: 0px;
    font-size: 11px;
    color: #a7ad9c;
}

.search-suggest .search-result-noitem {
   padding: 12px;
   color: #a9b59a;
   font-size: 13px;
}

.header__actions {
   display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.icon-btn {
    position: relative;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f6f7f2;
    border-radius: 50%;
    transition: background-color .15s, color .15s;
    background: none;
    border: none;
}

.icon-btn:hover {
    background: #1a1d13;
    color: #7fce6a;
}

.icon-btn .badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    background: #e2622e;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0a0b08;
}

.header-account {
    position: relative;
}

.header-account .sub {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 180px;
    background: #171912;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
    z-index: 80;
    display: none;
}

.header-account .sub a {
    display: block;
    padding: 8px 14px;
    color: #f6f7f2;
    font-size: 13px;
    white-space: nowrap;
}

.header-account .sub a:hover {
    text-decoration: none;
    color: #7fce6a;
    background: #1a1d13;
}

.header-account:hover .sub,
.header-account:focus-within .sub {
    display: block;
}

.search-toggle {
    display: none;
}

.hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    padding: 0;
    background: none;
    border: none;
}

.hamburger span {
    width: 22px;
    height: 2px;
    background: #fff;
    margin-inline: auto;
    transition: transform .25s ease, opacity .2s ease;
}

.hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    width: min(340px, 86vw);
    background: #12140d;
    border-left: 1px solid rgba(255,255,255,.09);
    transition: right .3s cubic-bezier(.4,0,.2,1);
    z-index: 90;
    padding: 90px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    overflow-y: overlay;
}

.mobile-menu.is-open {
    right: 0;
}

.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 80;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}
.overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

.mobile-menu nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mobile-menu nav a {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: .03em;
    padding: 13px 4px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}


@media (max-width: 1080px) {
    .mainnav { display: none; }
    .header__search { display: none; }
    .header__search.is-open {
        display: flex;
        position: absolute;
        left: 16px;
        right: 16px;
        top: 100%;
        max-width: none;
        margin-top: 8px;
        z-index: 65;
    }
    .search-toggle { display: flex; }
    .hamburger { display: flex; }
    .mobile-menu { display: flex; }

}

@media (max-width: 780px) {
    .topbar__badge { display: none; }
}

/***************************************************
hero 1:1 (layout)
***************************************************/

.hero {
    position: relative;
    min-height: 92vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 60px;
    margin: 0 -10px;
}

.hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .6s ease;
}

.hero__img.is-active {
    opacity: 1;
}

.hero__scrim {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(8,9,6,.96) 0%, rgba(8,9,6,.82) 32%, rgba(8,9,6,.45) 60%, rgba(8,9,6,.25) 100%),
        linear-gradient(0deg, rgba(8,9,6,.9) 0%, rgba(8,9,6,.15) 30%, rgba(8,9,6,.05) 60%, rgba(8,9,6,.55) 100%);
}

.hero__flag {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    opacity: .5;
    background-image: repeating-conic-gradient(#f6f7f2 0% 25%, transparent 0% 50%);
    background-size: 20px 20px;
    -webkit-mask-image: linear-gradient(225deg, #000 0%, transparent 60%);
    mask-image: linear-gradient(225deg, #000 0%, transparent 60%);
}

.hero__content {
    position: relative;
    z-index: 1;
    max-width: 980px;
}

.eyebrow {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 13px;
    color: rgba(246,247,242,.85);
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.eyebrow:before {
     content: '';
     width: 20px;
     height: 2px;
     background: #e2622e;
     display: inline-block;
 }

 .eyebrow--light {
     color: rgba(246, 247, 242, .85);
 }

 .hero__title {
    font-size: clamp(38px, 5.4vw, 66px);
    color: #fff;
    margin-bottom: 16px;
    text-shadow: 0 4px 24px rgba(0,0,0,.4);
}

.text-accent {
    color: #7fce6a;
}

.hero__brandbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.brand-plate {
     height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 18px;
     background: #fff;
     border-radius: 8px;
     border: 1.5px solid transparent;
     box-shadow: 0 4px 14px rgba(0,0,0,.18);
     transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
     cursor: pointer;
 }

 .brand-plate:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 22px rgba(0,0,0,.3);
     border-color: #e2622e;
 }

 .brand-plate__word {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .03em;
}

.brand-plate__word--power { color: #171912; }
.brand-plate__word--sports { color: #4c9a3e; }
.brand-plate__word--yamaha { color: #c8102e; }
.brand-plate__word--honda { color: #e4002b; font-style: italic; }
.brand-plate__word--kawasaki { color: #0a7a2e; font-style: italic; }
.brand-plate__word--canam { color: #c8102e; }
.brand-plate__word--ktm { color: #ff6600; }
.brand-plate__word--suzuki { color: #003399; }
.brand-plate__word--polaris { color: #c8102e; font-style: italic; }

.brand-plate--text {
     background: #fff;
     color: #171912;
 }

 .brand-plate--text:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 22px rgba(0, 0, 0, .3);
 }

 .brand-plate--own {
    border-color: #4c9a3e;
    box-shadow: 0 4px 14px rgba(76, 154, 62, .35);
}

.brand-plate--own:hover {
    border-color: #7fce6a;
}

.brand-plate--more {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    background: rgba(255, 255, 255, .08);
    border: 1.5px dashed rgba(255, 255, 255, .3);
    border-radius: 8px;
    color: #fff;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 600;
    font-size: 14px;
    opacity: .85;
    transition: opacity .16s ease, border-color .16s ease, color .16s ease;
}

.brand-plate--more:hover {
    opacity: 1;
    border-color: #e2622e;
    color: #ff7f4a;
}

.finder {
    background: rgba(18,20,13,.72);
    border: 1px solid rgba(255,255,255,.09);
    backdrop-filter: blur(14px);
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.finder__type {
    display: flex;
    gap: 6px;
    margin-bottom: 18px;
    background: rgba(0,0,0,.3);
    padding: 5px;
    border-radius: 999px;
    width: fit-content;
}

.finder__type-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    color: #a7ad9c;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .03em;
    padding: 9px 18px;
    border-radius: 999px;
    transition: background-color .2s ease, color .2s ease;
    cursor: pointer;
}

.finder__type-btn svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6;
}

.finder__type-btn.is-active {
    background: #e2622e;
    color: #fff;
}

.finder__form {
     display: grid;
     grid-template-columns: 1fr 1fr auto;
     gap: 12px;
     align-items: end;
 }

.finder__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.finder__field label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #a7ad9c;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
}

.finder__field select,
.finder__field input {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 0 14px;
    font-size: 14px;
}

.finder__field select {
    appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 16px;
    color: #171912;
    font-weight: 600;
    padding-right: 36px;
}

.finder__field select:disabled {
    background-color: #d8dbd0;
    color: #7a7f70;
    cursor: not-allowed;
}

.finder__field input {
    background: #fff;
    color: #171912;
}

.finder__submit {
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.finder__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 18px;
}

.finder__tags > span:first-child {
    font-size: 12px;
    color: #a7ad9c;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
}

.tag {
     background: rgba(255,255,255,.06);
     border: 1px solid rgba(255,255,255,.09);
     color: #f6f7f2;
     padding: 7px 13px;
     border-radius: 999px;
     font-size: 12.5px;
     cursor: pointer;
     transition: background-color .15s, border-color .15s, color .15s;
 }

 .tag:hover {
     background: #2c4a22;
     border-color: #4c9a3e;
     color: #7fce6a;
 }

 @media (max-width: 1100px) {
    .finder__form {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
     .finder__form {
         grid-template-columns: 1fr;
     }
     .finder__submit {
         width: 100%;
     }
     .hero {
         min-height: unset;
         padding-top: 24px;
     }
 }

/* Scroll reveal animation (safe fallback bez JS) */
.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .6s ease, transform .6s ease;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =========================================================================
   PRODUCT CARD — kafelek produktu na liście
   ========================================================================= */
.products__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.product-card {
    background: linear-gradient(180deg, rgba(26, 29, 19, .96), rgba(23, 25, 18, .96));
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.product-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, .20);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .06);
}

.product-card__media {
    aspect-ratio: 1.1 / 1;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.product-card__media svg {
    width: 46%;
    height: 46%;
    stroke: #7fce6a;
    fill: none;
    stroke-width: 1.3;
    opacity: .85;
}

.product-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
    display: block;
}

.product-card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e2622e;
    color: #fff;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    font-size: 10.5px;
    letter-spacing: .04em;
    padding: 4px 9px;
    border-radius: 5px;
}

.product-card__brand {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #7fce6a;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    margin-bottom: 4px;
}

.product-card__name {
    font-family: 'Inter', 'Montserrat', Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 2.6em;
    color: #f6f7f2;
    text-decoration: none;
    display: block;
}

.product-card__name--link:hover {
    color: #ff7f4a;
}

.product-card__meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-height: 1.5em;
    margin: -3px 0 10px;
    color: #a7ad9c;
    font-size: 11.5px;
    line-height: 1.35;
}

.product-card__meta strong {
    color: #d8dccf;
    font-weight: 600;
}

.product-card__price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}

.product-card__price .price,
.product-card__price .price-prom {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-size: 21px;
    color: #fff;
    font-weight: 600;
    line-height: 1.1;
}

.product-card__price .price-prom strike {
    font-size: 13px;
    color: #6f7566;
    margin-right: 6px;
    font-weight: 400;
}

.product-card__price-tbd {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-size: 15px;
    color: #a7ad9c;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.product-card__stock {
    font-size: 12px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.product-card__stock.in {
    color: #7fce6a;
}

.product-card__stock.out {
    color: #6f7566;
}

.product-card__stock::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
    flex-shrink: 0;
}

.product-card__cta {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    background: #1a1d13;
    border: 1px solid rgba(255, 255, 255, .16);
    color: #f6f7f2;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: 13px;
    padding: 10px 12px;
    border-radius: 10px;
    transition: background-color .18s, border-color .18s, color .18s, transform .15s;
    text-decoration: none;
    cursor: pointer;
}

.product-card__cta svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
}

.product-card__cta:hover:not(:disabled) {
    background: #e2622e;
    border-color: #e2622e;
    color: #fff;
}

.product-card__cta--ask:hover {
    background: #1e2e18;
    border-color: #7fce6a;
    color: #7fce6a;
}

@media (max-width: 1080px) { .products__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px)  { .products__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

/* =========================================================================
   BUTTONS — warianty layoutowe
   ========================================================================= */
.btn--lime { background:#4c9a3e; color:#fff; box-shadow:0 8px 20px rgba(76,154,62,.35); }
.btn--lime:hover { background:#7fce6a; color:#10230b; }
.btn--outline { background:transparent; color:#f6f7f2; box-shadow:none; border:1px solid rgba(255,255,255,.09); }
.btn--outline:hover { background:transparent; border-color:#e2622e; color:#ff7f4a; }

/* =========================================================================
   PRODUCT PAGE — strona szczegółów produktu
   ========================================================================= */
.product-page { padding: 28px 0 60px; }

.product-breadcrumb { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; color:#a7ad9c; margin-bottom:28px; }
.product-breadcrumb a { color:#a7ad9c; text-decoration:none; }
.product-breadcrumb a:hover { color:#f6f7f2; }
.product-breadcrumb .sep { color:#6f7566; }

/* Layout 2-kolumnowy: galeria | summary */
.product-detail { display:grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); gap:44px; align-items:start; margin-bottom:0; }

/* Galeria */
.product-gallery__main {
    min-height:510px; background:#f6f6f2; border-radius:18px;
    display:flex; align-items:center; justify-content:center;
    position:relative; overflow:hidden;
}
.product-gallery__main > svg { width:46%; max-width:300px; stroke:#343934; fill:none; stroke-width:1.25; }
.product-gallery__photo {
    display:block; width:100%; height:min(520px,58vw); max-height:520px;
    object-fit:contain; padding:24px; background:#f7f7f4;
}
.product-gallery__thumbs { display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.product-gallery__thumbs button {
    width:78px; height:70px; flex:0 0 78px;
    border:1px solid rgba(255,255,255,.09); background:#171912;
    border-radius:10px; overflow:hidden; transition:border-color .18s ease, transform .18s ease;
}
.product-gallery__thumbs button:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.28); }
.product-gallery__thumbs button.is-active { border-color:#e2622e; box-shadow:0 0 0 1px #e2622e; }
.product-gallery__thumbs button img { width:100%; height:100%; object-fit:contain; padding:5px; background:#f5f6f2; }

/* Podsumowanie */
.product-summary { padding-top:8px; }
.product-summary__brand { font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:#7fce6a; font-family:'Oswald','Arial Narrow',sans-serif; font-weight:700; margin-bottom:9px; }
.product-summary h1 { font-size:clamp(26px,3.5vw,42px); line-height:1.07; color:#fff; font-family:'Oswald','Arial Narrow',sans-serif; text-transform:none; letter-spacing:-.01em; margin:0 0 16px; font-weight:600; }
.product-summary__codes { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:22px; }
.product-summary__codes span { background:#171912; border:1px solid rgba(255,255,255,.09); border-radius:7px; padding:8px 10px; color:#a7ad9c; font-size:12px; }
.product-summary__codes strong { color:#fff; }

/* Buy box */
.product-summary__buy { padding:22px; background:#171912; border:1px solid rgba(255,255,255,.09); border-radius:15px; }

.product-summary__price { display:flex; align-items:baseline; gap:12px; margin-bottom:0; }
.product-summary__price .price { font-family:'Oswald','Arial Narrow',sans-serif; font-size:34px; color:#fff; font-weight:600; }
.product-summary__price .price-prom { font-family:'Oswald','Arial Narrow',sans-serif; font-size:34px; color:#fff; font-weight:600; }
.product-summary__price .price-prom strike { font-size:16px; color:#6f7566; font-weight:400; margin-right:6px; }
.product-summary__price strong.tbd { font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; color:#a7ad9c; text-transform:uppercase; letter-spacing:.02em; }

.product-summary__stock { display:flex; align-items:center; gap:8px; font-size:13px; margin:9px 0 18px; }
.product-summary__stock span { width:8px; height:8px; border-radius:50%; background:#838383; flex-shrink:0; display:inline-block; }
.product-summary__stock.in { color:#9bd75d; }
.product-summary__stock.in span { background:#7db543; }
.product-summary__stock.out { color:#a7ad9c; }

.product-summary__actions { display:flex; gap:10px; }
.product-summary__actions .product-add { flex:1; }

/* Ilość */
.qty { max-width: 126px; display:flex; border:1px solid rgba(255,255,255,.09); border-radius:9px; overflow:hidden; background:#0a0b08; height:46px; }
.qty button, .qty input { width:42px; border:0; background:transparent; color:#fff; text-align:center; font-size:16px; }
.qty button { cursor:pointer; font-size:20px; font-weight:700; line-height:1; }
.qty input { outline:0; font-weight:700; font-family:'Oswald','Arial Narrow',sans-serif; -moz-appearance:textfield; }
.qty input::-webkit-outer-spin-button, .qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

/* Trust boxy */
.product-trust { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.product-trust > div { padding:13px; border:1px solid rgba(255,255,255,.06); border-radius:10px; }
.product-trust strong { display:block; color:#fff; font-size:12px; }
.product-trust span { display:block; color:#a7ad9c; font-size:11px; margin-top:3px; }

/* Zakładki */
.product-info-tabs { margin-top:56px; border-top:1px solid rgba(255,255,255,.09); }
.product-info-tabs__nav { display:flex; gap:4px; overflow:auto; border-bottom:1px solid rgba(255,255,255,.09); padding-top:6px; }
.product-info-tabs__nav button { border:0; background:transparent; color:#a7ad9c; padding:18px 20px; font-weight:700; white-space:nowrap; cursor:pointer; border-bottom:2px solid transparent; font-family:'Inter',-apple-system,sans-serif; font-size:14px; }
.product-info-tabs__nav button.is-active { color:#fff; border-color:#7fce6a; }
.product-info-tabs__body { max-width:1000px; padding:34px 0; }
.product-tab { display:none; }
.product-tab.is-active { display:block; }
.product-tab h2 { font-size:26px; color:#fff; margin:0 0 16px; font-family:'Oswald','Arial Narrow',sans-serif; }
.product-tab p { color:#a7ad9c; line-height:1.75; }
.product-tab__content { color:#a7ad9c; line-height:1.75; }
.product-tab__content h2,.product-tab__content h3 { color:#fff; margin:20px 0 10px; }
.product-tab__content a { color:#7fce6a; text-decoration:underline; }

/* Lista dopasowania */
.compat-list { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; }
.compat-list span { padding:8px 10px; border-radius:7px; border:1px solid rgba(255,255,255,.09); background:#171912; color:#dfe3dc; font-size:12px; }

/* Korzyści w zakładce dostawy */
.product-benefits { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; }
.product-benefits span { background:#171912; border:1px solid rgba(255,255,255,.09); padding:10px 12px; border-radius:8px; color:#fff; font-size:12px; }

/* Powiązane / podobne produkty */
.related-products { margin-top:54px; }
.section-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px; }
.section-head h2 { color:#fff; font-size:28px; font-family:'Oswald','Arial Narrow',sans-serif; margin:0; }
.section-head .eyebrow { font-family:'Oswald','Arial Narrow',sans-serif; text-transform:uppercase; letter-spacing:.16em; font-size:12px; color:#7fce6a; margin:0 0 6px; }
.text-link { color:#ff7f4a; text-decoration:none; font-size:14px; }
.text-link:hover { text-decoration:underline; }
.related-products__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }

/* Responsywność */
@media (max-width:1000px) {
    .product-detail { grid-template-columns:1fr; gap:28px; }
    .product-gallery__main { min-height:420px; }
    .related-products__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:700px) {
    .product-page { padding-top:18px; }
    .product-gallery__main { min-height:330px; }
    .product-summary { padding-top:20px; }
    .product-summary h1 { font-size:26px; }
    .product-summary__actions { flex-direction:column; }
    .qty { width:140px; }
    .product-trust { grid-template-columns:1fr; }
    .product-info-tabs { margin-top:38px; }
    .product-info-tabs__nav button { padding:15px 12px; font-size:12px; }
    .related-products__grid { grid-template-columns:1fr 1fr; }
    .section-head { align-items:flex-start; gap:12px; flex-wrap:wrap; }
}
@media (max-width:460px) {
    .product-gallery__photo { height:300px; padding:12px; }
    .related-products__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 380px)  { .products__grid { grid-template-columns: 1fr; } .product-card { padding: 12px; } .product-card__img { padding: 10px; } }

/* =========================================================================
   V8 - LOGOWANIE / REJESTRACJA / KOSZYK (spojnie z layout/)
   ========================================================================= */
.content .ps-auth-card {
    max-width: 760px;
    margin: 10px auto 34px;
    padding: 28px;
    background: #10130f;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    box-shadow: 0 20px 55px rgba(0,0,0,.24);
}
.content .ps-auth-card--wide {
    max-width: 920px;
}
.content .ps-auth-title {
    margin: 6px 0 12px;
    color: #fff;
}
.content .ps-auth-meta {
    color: #a7ad9c;
    margin-bottom: 20px;
    line-height: 1.6;
}
.content .ps-auth-form fieldset.form-center {
    max-width: 100%;
}
.content .ps-auth-links {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    justify-content: center;
}
.content .ps-auth-links a {
    color: #a7ad9c;
}
.content .ps-auth-links a:hover {
    color: #ff7f4a;
}

.ps-orders-history {
    max-width: 980px;
    margin: 0 auto 34px;
}
.ps-orders-history .orders-item {
    margin-bottom: 12px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    background: #0c0f0b;
}
.ps-orders-history .orders-item:first-child {
    border-top: 1px solid rgba(255,255,255,.1);
}
.ps-orders-history .ps-order-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 8px;
}
.ps-orders-history .orders-item h3 {
    margin: 0;
    color: #fff;
}
.ps-orders-history .orders-item .price {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-size: 26px;
    color: #fff;
    line-height: 1.1;
    text-align: right;
}
.ps-orders-history .orders-item .gray {
    color: #a7ad9c;
    font-size: 12px;
    font-weight: 400;
}
.ps-orders-history .form-label,
.ps-orders-history .form-control-info {
    color: #dbe0d8;
}
.ps-orders-history .btns {
    margin-top: 0;
}
.ps-orders-history .ps-order-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ps-orders-history .ps-order-actions .btn {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}
.ps-orders-pagination .pagination {
    margin-bottom: 0;
}

.cart-wrapper.ps-order-details {
    margin-bottom: 34px;
}
.cart-wrapper.ps-order-details .form-info {
    margin-top: 14px;
    background: #0c0f0b;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    padding: 16px;
}
.cart-wrapper.ps-order-details .form-info h3 {
    margin-top: 0;
    color: #fff;
}
.cart-wrapper.ps-order-details .form-label,
.cart-wrapper.ps-order-details .form-control-info {
    color: #dbe0d8;
}
.cart-wrapper.ps-order-details .cart-item {
    background: #0c0f0b;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
}
.cart-wrapper.ps-order-details .cart-item .price,
.cart-wrapper.ps-order-details .cart-item h3 {
    color: #fff;
}
.cart-wrapper.ps-order-details .btns {
    margin-top: 18px;
}
.cart-wrapper.ps-order-details .ps-order-details-actions .btn {
    min-width: 180px;
}

.content .ps-cart-title {
    margin-bottom: 14px;
    color: #fff;
}
.content .cash-wrapper.ps-cart-page {
    background: #10130f;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 20px 55px rgba(0,0,0,.24);
}
.content .cart-wrapper.ps-cart-page {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
.content .ps-cart-page .cart-item {
    border: 1px solid rgba(255,255,255,.08);
    background: #171912;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 12px;
}
.content .cash-wrapper.ps-cart-page fieldset.form {
    border: 1px solid rgba(255,255,255,.08);
    background: #171912;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 12px;
}
.content .cash-wrapper.ps-cart-page fieldset.form.form--plain {
    border: 0;
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}
.content .ps-cart-page .cart-item:first-child {
    border-top: 1px solid rgba(255,255,255,.08);
}
.content .ps-cart-page .cart-item:last-child {
    margin-bottom: 0;
}
.content .ps-cart-page .cart-item h3 {
    margin-right: 70px;
}
.content .ps-cart-page .cart-item h3,
.content .ps-cart-page .cart-item .form-control-info,
.content .ps-cart-page .cart-item .form-label,
.content .cash-wrapper.ps-cart-page h3 {
    color: #f6f7f2;
}
.content .ps-cart-page .cart-item figure {
    background: #f7f7f4;
    border-radius: 12px;
}
.content .ps-cart-page .cart-item .act-del {
    top: 16px;
    right: 16px;
}
.content .ps-cart-page .form-control-number {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 9px;
    background: #080a08;
    overflow: hidden;
    min-width: 138px;
}
.content .ps-cart-page .form-control-number > * {
    float: none;
}
.content .ps-cart-page .form-control-number button {
    min-width: 42px;
    width: 42px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #f6f7f2;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
}
.content .ps-cart-page .form-control-number button:hover {
    background: rgba(255,255,255,.06);
}
.content .ps-cart-page .form-control-number .form-control {
    width: 54px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.13);
    border-right: 1px solid rgba(255,255,255,.13);
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-weight: 700;
    outline: 0;
    box-shadow: none;
}
.content .ps-cart-page .cart-summary {
    background: #171912;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    padding: 18px;
    color: #dbe0d8;
}
.content .ps-cart-page .cart-summary dd {
    color: #fff;
}
.content .ps-cart-page .cart-summary p {
    color: #a7ad9c;
}

.content .ps-cart-settings {
    margin: 20px 0 8px;
}
.content .ps-cart-settings__col {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: #171912;
}
.content .ps-cart-page .cart-settings h3 {
    color: #fff;
    margin-top: 0;
}
.content .ps-cart-page .cart-settings label span {
    color: #a7ad9c;
}

.content .ps-cart-page.cash-login-wrapper {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}
.content .ps-cart-page .cash-login-box {
    color: #dbe0d8;
}
.content .ps-cart-page .cash-login-box p,
.content .ps-cart-page .cash-login-box li {
    color: #a7ad9c;
}
.content .ps-cart-page .cash-login-box strong,
.content .ps-cart-page .cash-login-box h3 {
    color: #fff;
}
.content .cash-wrapper.ps-cart-page .form-label,
.content .cash-wrapper.ps-cart-page .form-control-info {
    color: #dbe0d8;
}

.content .ps-cart-empty {
    text-align: center;
    padding: 34px 20px;
    border: 1px dashed rgba(255,255,255,.2);
    border-radius: 14px;
    color: #a7ad9c;
}

@media (max-width: 767px) {
    .content .ps-auth-card,
    .content .cart-wrapper.ps-cart-page,
    .content .cash-wrapper.ps-cart-page {
        padding: 16px;
        border-radius: 14px;
    }
    .content .ps-cart-page .cart-item {
        padding: 14px;
    }
    .ps-orders-history .orders-item {
        padding: 14px;
    }
    .ps-orders-history .ps-order-head {
        flex-direction: column;
    }
    .ps-orders-history .orders-item .price {
        text-align: left;
        font-size: 23px;
    }
    .cart-wrapper.ps-order-details .ps-order-details-actions .btn {
        min-width: 0;
        width: 100%;
    }
}