@charset "UTF-8";
@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
 :root { --col-green: #008000;
--col-gray-light: #F4F4F4;
--col-yellow: #F2C94C; --col-red: #C0392B;
--col-yellow-dark: #D4A931;
--col-gray-dark: #E0E0E0;	
--col-blue-light: #EAF6F6;
--col-text-dark: #111;
--col-text-medium: #222;
--col-text-muted: #555;	
--col-white: #fff;	
--col-transp: #FFFFFF00;
--col-transp-white-10: #FFFFFF10;
--col-transp-white-25: #FFFFFF25;
--col-transp-white-50: #FFFFFF50;
--col-transp-white-75: #FFFFFF75; --input-bg: #FFFFFF;
--input-bg-disabled: #F4F4F4;
--input-text: #111;
--input-placeholder: #999; --input-border: #CCC;
--input-border-hover: #008000;
--input-border-focus: #F2C94C;
--input-border-error: #C0392B; --input-bg-focus: #FFFFFF; --label-text: #111;
--help-text: #555;
--error-text: #C0392B;
--rad-48: 3rem;
--rad-32: 2rem;
--rad-24: 1.5rem;
--rad-16: 1rem;
--rad-8: 0.5rem;
--rad-4: 0.25rem;
--rad-2: 0.125rem;
--rad-0: 0rem;
--marg-152: 9.5rem;
--marg-112: 7rem;
--marg-84: 5.25rem;
--marg-56: 3.5rem;
--marg-48: 3rem;
--marg-32: 2rem;
--marg-24: 1.5rem;
--marg-16: 1rem;
--marg-8: 0.5rem;
--marg-4: 0.25rem;
--marg-2: 0.125rem;
--marg-0: 0rem;	
}	
@font-face {
font-family: 'Lato';
src: url(//witamino.pl/wp-content/themes/basap/fonts/lato/Lato-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url(//witamino.pl/wp-content/themes/basap/fonts/lato/Lato-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url(//witamino.pl/wp-content/themes/basap/fonts/lato/Lato-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
html {
font-size: 16px;
}
@media (min-width: 481px) and (max-width: 1279px) {
html { 
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
html { 
font-size: 12px;
}
}
.slim {
font-weight: 400 !important;
}
.bold {
font-weight: 600 !important;
} h1 {
font-weight: 600;
font-size: 2.25rem;
line-height: 3rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h2 {
font-weight: 600;
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h3 {
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h4 {
font-weight: 600;
font-size: 1.25rem;
line-height: 1.75rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h5 {
font-weight: 600;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h1 span, h2 span, h3 span, p span, a span:not(.wp-block-navigation-item__label) {
color: var(--col-green);
font-weight: 400;
}  ul {
margin: .5rem 0;
padding-left: 1rem;
}
p, li {
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}  p a {
text-decoration-style: solid;
offset: auto;
text-decoration-thickness: auto !important;
color: var(--col-green);
}
a:not(.cat-box a, .spis-section a, .taxonomy-product_cat a, .taxonomy-product_tag a, h3 a, .rank-math-breadcrumb a, .wp-block-post-title a, .product-category-link, .wp-block-button__link) {
text-decoration: underline;
outline: none;
color: var(--col-green);
font-weight: 600;
}
header a, footer a {
text-decoration: none !important;
}   [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
outline: none;
font-family: inherit;
}
input[type="button"], .btn {
border: none;
border-radius: 2rem;
width: 100%;
height: 2rem;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.375rem;
background: var(--col-yellow);
color: var(--col-text-dark);
transition: box-shadow 0.3s ease;
}
input[type="button"]:hover, .btn:hover {
background: var(--col-yellow-dark);
color: var(--col-white);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem rgba(242, 201, 76, 0.7);
}
input[type="button"]:active, .btn:active {
background: var(--col-yellow-dark);
color: var(--col-white);
border-color: var(--col-green);
border-width: 1px;
border-style: solid;
}
input[type="button"]:focus, .btn:focus {
border-color: var(--col-green);
border-width: 1px;
border-style: solid;
}
.btn-medium>a {
display: flex;
justify-content: center;	
align-items: center;
border: none;
border-radius: 2rem;
width: fit-content;	
font-weight: 600;
font-size: 1rem;
line-height: 1.75rem;
gap: 0.5rem;
cursor: pointer;
position: relative;
}
.btn-ico-medium-left>a {
padding: 1rem 1.5rem 1rem 3.5rem;
}
.btn-ico-medium-right>a {
padding: 1rem 3.5rem 1rem 1.5rem;
}
.btn-ico-medium-left>a::after {
position: absolute;
content: '';
background: url(https://witamino.pl/wp-content/themes/basap/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
left: 1.5rem;
}
.btn-ico-medium-right>a::after {
position: absolute;
content: '';
background: url(https://witamino.pl/wp-content/themes/basap/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
right: 1.5rem;
}
.btn-small>a {
display: flex;
justify-content: center;	
align-items: center;
border: none;
border-radius: 2rem;
width: fit-content;	
font-weight: 600;
font-size: 0.875rem;
line-height: 1.375rem;
gap: 0.5rem;
cursor: pointer;
position: relative;
}
.btn-ico-small-none>a {
padding: 0.5rem 1.25rem;
}
.btn-ico-small-left>a {
padding: 0.75rem 1.25rem 0.75rem 3.125rem;
}
.btn-ico-small-right>a {
padding: 0.75rem 3.125rem 0.75rem 1.25rem;
}
.btn-ico-small-left>a::after {
position: absolute;
content: '';
background: url(https://witamino.pl/wp-content/themes/basap/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
left: 1.25rem;
}
.btn-ico-small-right>a::after {
position: absolute;
content: '';
background: url(https://witamino.pl/wp-content/themes/basap/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
right: 1.25rem;
}
.btn-yellow>a {
background: var(--col-yellow);
color: var(--col-text-dark);
transition: box-shadow 0.3s ease;
}
.btn-yellow>a:hover {
background: var(--col-yellow-dark);
color: var(--col-white);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem rgba(242, 201, 76, 0.7);
}
.btn-yellow>a:active {
background: var(--col-yellow-dark);
color: var(--col-white);
border-color: var(--col-green);
border-width: 1px;
border-style: solid;
}
.btn-yellow>a:focus {
border-color: var(--col-green);
border-width: 1px;
border-style: solid;
}
.btn-trans>a {
background: transparent;
color: var(--col-grafite-60);
border-color: var(--col-yellow);
border-width: 1px;
border-style: solid;
}
.btn-trans>a:hover {
border-color: var(--col-primary-30);
color: var(--col-grafite-30);
}
.btn-trans>a:active {
border-color: var(--col-primary-20);
color: var(--col-grafite-50);
}
.btn-trans>a:focus {
border-color: var(--col-orange-50);
border-width: 1px;
border-style: solid;
}
.btn-white>a {
background: var(--col-grafite-00);
color: var(--col-grafite-60);
}
.btn-white>a:hover {
color: var(--col-grafite-30);
}
.btn-white>a:active {
color: var(--col-grafite-50);
}
.btn-white>a:focus {
border-color: var(--col-orange-50);
border-width: 1px;
border-style: solid;
}
.btn-none>a {
background: transparent;
color: var(--col-yellow);
}
.btn-none>a:hover {
color: var(--col-primary-30);
}
.btn-none>a:active {
color: var(--col-primary-20);
}
.btn-none>a:focus {
color: var(--col-yellow);
}  .wp-block-page-list>li::marker, .wp-block-list>li::marker {
content: "";
}
.wp-block-list>li::before {
content: '';
display: inline-block;
width: .5rem;
height: .5rem;
background-color: var(--col-yellow-dark);
border-radius: 50%;
margin-right: .5rem;
vertical-align: middle;
}  .breadcrumb a {
color: var(--col-green);
font-size: 0.75rem;
font-style: normal;
font-weight: 600;
line-height: 1rem;
}
.breadcrumb p {
color: var(--col-text-medium);
display: inline;
font-size: 0.75rem !important;
font-style: normal;
font-weight: 600;
line-height: 1rem;
}  .pagination {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
cursor: pointer;
}
.pagination>a {
border: none;
background: none;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.375rem;
color: var(--col-text-medium);
padding: 0.2rem 0.5rem;
display: flex;
align-items: center;
}
.pagination>a:hover {
color: var(--col-yellow);
}
.pagination>.active {
font-weight: 600;
color: var(--col-white);
border-radius: 0.5rem;
background: var(--col-green);
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.pagination>.disable {
display: none;
}
.pagination>a:focus {
border-color: var(--col-red);
border-width: 0.25rem;
border-style: solid;
}
.pagination>.prev-btn,  .pagination>.next-btn {
background: none;
}   form {
background: #fff;
padding: .75rem;
border-radius: .5rem;
}
#commentform {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem var(--col-gray-dark);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="checkbox"],
textarea,
select {
width: fit-content;
height: fit-content;
background-color: var(--input-bg);
border-radius: 0.5rem;
border: 1px solid var(--input-border);
padding: 1rem 1rem 1rem 1rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.375rem;
color: var(--input-text);
outline: none;
display: flex;
}
input[type="checkbox"] {
display: inline-block;
} input:hover,
textarea:hover,
select:hover {
border-color: var(--input-border-hover);
} input:focus,
textarea:focus,
select:focus {
border-color: var(--input-border-focus);
box-shadow: 0 0 6px rgba(242, 201, 76, 0.4);
background-color: var(--input-bg-focus);
} input:disabled,
textarea:disabled,
select:disabled {
background-color: var(--input-bg-disabled);
color: #888;
border-color: #DDD;
cursor: not-allowed;
opacity: 0.7;
}
input[type="checkbox"]:checked {
accent-color: var(--col-green);
} input.error,
textarea.error,
select.error {
border-color: var(--input-border-error);
box-shadow: 0 0 5px rgba(192, 57, 43, 0.4);
}
.error img {
vertical-align: middle;
width: fit-content !important;
}
.error p {
margin: 0;
vertical-align: middle;
display: inline;
}
.error {
color: var(--error-text);
}
::placeholder {
color: var(--input-placeholder);
opacity: 1;
}
label {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.375rem;
color: var(--label-text);
position: relative;
left: .25rem;
}  .custom-scrollbar {
position: relative;
max-height: 10rem;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: var(--col-yellow) var(--col-gray-light);
}
::-webkit-scrollbar {
width: 0.25rem;
} ::-webkit-scrollbar-track {
background: var(--col-gray-light);  
} ::-webkit-scrollbar-thumb {
background: var(--col-yellow);
border-radius:1rem;  
} ::-webkit-scrollbar-thumb:hover {
background: var(--col-yellow-dark); 
}  .acco_trigger {
border: 0;
width: 100%;
display: block;
position: relative;
text-align: left;
background: 0 0;
}
.acco_trigger::after, .card2__arrow::after {
position: absolute;
right: 0;
transition: all .3s ease-out;
}
.acco_trigger::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-left: 2px solid #002365;
border-bottom: 2px solid #002365;
top: 8px;
transform: rotate(-45deg);
transform-origin: center center;
}
.acco_trigger[aria-expanded="true"]::after {
transform: rotate(135deg);
top: 12px;
}
.acco_content {
padding: 0;
transition: all .3s ease-out;
}  .padding {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;	
}
.padding-1rem {
padding: 1rem;
}
.w-100 {
width: 100% !important;
}
@media screen and (min-width: 1279px) {
.w-75 {
width: 75% !important;
}
.w-50 {
width: 50% !important;
}
.rem-60 {
width: 60rem !important;
}
.w-25 {
width: 25% !important;
}
}
@media screen and (max-width: 1278px) {
.w-75, .w-50, .w-25  {
width: 90% !important;
}
}
.flex-col {
display: flex;
align-content: center;
flex-direction: column;
align-items: center;
min-width: 25%;
}
.gap-1rem {
gap: 1rem;
} .box-shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem var(--col-gray-dark);
}
.box-shadow-gold {
box-shadow: 0 .25rem .25rem rgba(0, 0, 0, 0.08), 0 0 .75rem var(--col-yellow);
}
.line {
border-top: 1px solid var(--col-gray-light);
padding-top: .5rem;
}
.line-white {
border-top: 1px solid var(--col-white);
padding-top: .5rem;
}
.col-greyD {
background: var(--col-gray-light);
}
ul.wp-block-post-template li:nth-child(even) .mirror {
flex-direction: row-reverse !important;
}
.sticky-box {
position: sticky;
top: 20px;
}

.menu-footer{
color: var(--col-white),
}
.taxonomy-product_tag>a{
border-radius: .5rem;
color: var(--col-text-medium);
font-size: .8125rem;
display: inline-block;
padding: .5rem .6rem;
background: var(--col-gray-light);
text-decoration: none;
}
.taxonomy-product_cat>a{
border-radius: .5rem;
color: var(--col-text-medium);
font-size: .8125rem;
display: inline-block;
padding: .5rem .6rem;
background: var(--col-yellow);
text-decoration: none;
}
.taxonomy-product_cat>span, .taxonomy-product_tag>span{
color: #fff;
}
.tableGrey_h2{
font-size: 1.1rem !important;
color: var(--col-green);
display: flex;
align-items: center;
gap: .5rem;
margin: 0rem;
}
.tableGrey_panel {
background: var(--col-gray-light);
border-radius: .5rem;
margin: 2rem 0rem;
}
.tableGrey_panel table {
margin-bottom: 0rem;
border: 0rem;
}
.tableGrey_panel table td, .tableGrey_panel table th {
padding: .5rem 1.25rem;
border-bottom: 1px solid var(--col-white);
border-top: none;
}
.tableGrey_panel tr th:first-child {
width: 8rem;
background: none;
}
.tableGrey_panel table tr:last-child td, .tableGrey_panel table tr:last-child th {
border: 0;
}
table{
text-align: left;
width: 100%;
padding: 0;
-moz-text-size-adjust: none;
text-size-adjust: none;
-webkit-text-size-adjust: none;
border-collapse: separate;
border-spacing: 0;
max-width: 100%;
border-radius: .5rem;
border: 1px solid var(--col-green);
font-size: 1rem;
color: var(--col-text-dark);
}
table th {
color: var(--col-white);
background: var(--col-green);
font-weight: 700;
border: 0;
padding: .75rem .625rem;
font-size: 1rem;
}
table td:not(:last-child) {
border-right: 1px solid var(--col-green);
}
table td {
border-top: 1px solid var(--col-green);
padding: 7px 10px;
}
table tr:first-child th:first-child {
border-top-left-radius: .5rem;
}
table tr:first-child th:last-child {
border-top-right-radius: .5rem;
}
.prod_info>h2 {
margin: 0rem;
} .product__panel {
padding-left: .5rem;
padding-right: .5rem;
margin-bottom: 1rem;
height: fit-content;
}
.product__panel:before, .wc-block-product:before {
display:none;
}
.product__link:hover {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem rgba(242, 201, 76, 0.7);
border-color: transparent;
transition: box-shadow 0.3s ease-in-out;
}
.product__link {
border: 1px solid #e5e5e5;
padding: 1rem;
display: block;
text-align: center;
position: relative;
border-radius: .5rem;
}
.product__figure {
margin: 0 1rem;
}
.product__title {
font-size: 1rem !important;
height: 3.5rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.5rem;
max-width: 18rem;
}
.product__brand {
display: inline-block;
height: 2rem;
font-size: .75rem;
}
.proSea-columns {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.proSea-input {
width: -moz-available !important;
width: -webkit-fill-available !important;
}
.proSea-title {
font-size: 1rem !important;
margin: .5rem 0px;
font-weight: 600;
}
.proSea-grid {
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: center;
padding-left: 0px;
}
.proSea-products {
display: flex;
flex-direction: column;
width: 100%;
padding-left: 20px;
}
@media screen and (max-width: 480px) {
.proSea-products {
padding-left: 0px;
}
.product__title {
max-width: 33rem;
}
}
@media screen and (max-width: 480px) {
.proSea-products {
padding-left: 0px;
}
.product__title {
max-width: 33rem;
}
}
@media (min-width: 481px) and (max-width: 1279px) {
.product__title {
max-width: 33rem;
}
}
.proSea-sort-key {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
padding: 0.5rem;
border-radius: .5rem;
}
.proSea-keys {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-items: stretch;
gap: .5rem;
} .aktywny-scrollbar {
max-height: 20rem;
} .loading-overlay {
position: fixed;    
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition-duration: 1s;
z-index: 1000;
}
:root {
--hue: 223;
--bg: hsl(var(--hue),10%,90%);
--fg: hsl(var(--hue),10%,10%);
}
.ap {
width: 8em;
height: 16em;
}
.ap__ring {
stroke: hsla(var(--hue),10%,10%,0.15);
transition: stroke 0.3s;
}
.ap__worm1,
.ap__worm2 {
animation-duration: 3s;
animation-iteration-count: infinite;
}
.ap__worm1 {
animation-name: worm1;
}
.ap__worm2 {
animation-name: worm2;
visibility: hidden;
} @media (prefers-color-scheme: dark) {
:root {
--bg: hsl(var(--hue),10%,10%);
--fg: hsl(var(--hue),10%,90%);
}
.ap__ring {
stroke: hsla(var(--hue),10%,90%,0.1);
}
} @keyframes worm1 {
from {
animation-timing-function: ease-in-out;
stroke-dashoffset: -87.96;
}
20% {
animation-timing-function: ease-in;
stroke-dashoffset: 0;
}
60% {
stroke-dashoffset: -791.68;
visibility: visible;
}
60.1%,
to {
stroke-dashoffset: -791.68;
visibility: hidden;
}
}
@keyframes worm2 {
from,
60% {
stroke-dashoffset: -87.96;
visibility: hidden;
}
60.1% {
animation-timing-function: cubic-bezier(0,0,0.5,0.75);
stroke-dashoffset: -87.96;
visibility: visible;
}
77% {
animation-timing-function: cubic-bezier(0.5,0.25,0.5,0.88);
stroke-dashoffset: -340;
visibility: visible;
}
to {
stroke-dashoffset: -669.92;
visibility: visible;
}
}  .proSea-mobClo {
display: flex;
justify-content: flex-end;
}
.proSea-mobClo>a {
cursor: pointer;
}
.proSea-svg{
height: 24px;
width: 24px;
color: #02282C;
}
@media screen and (max-width: 480px) {
.proSea-columns {
flex-direction: column;
}
#proSea-form {
z-index: 1000;
width: 97%;
position: fixed;
top: 0;
left: 0;
right: 0;
display:none;
}
} .hidden {
display: none;
} 
.mobile-show {
display: none !important;
}
@media screen and (max-width: 480px) {
.mobile-hide {
display: none !important;
}
.mobile-show {
display: flex !important;
}
.table_kat {
overflow-x: auto;
}
}
.woocommerce div.product {
margin-block-start: 0rem;
}
.rank-math-breadcrumb {
display: grid;
justify-content: center;
padding: 0 10px;
}
.rank-math-breadcrumb span {
color: var(--col-text-muted);
}
.rank-math-breadcrumb a {
font-weight: 600;
text-decoration: none;
}
.bc-grid {
margin-block-start: 0rem;
} .product-categories-marquee {
overflow: hidden;
white-space: nowrap;
width: 100%;
padding: 1rem 0;
position: relative;
}
.marquee-inner {
display: flex;
width: max-content;
animation: marquee-scroll 40s linear infinite;
}
.marquee-content {
display: flex;
gap: 40px;
padding-right: 40px;
}
.product-category-link {
color: var(--col-text-dark);
text-decoration: none;
font-size: 3rem;
font-weight: 500;
transition: color 0.3s;
white-space: nowrap;
}
.product-category-link:hover {
color: var(--col-green);
} @keyframes marquee-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}  .spis-section-link{
font-size: 1.2rem;
font-weight: 700;
padding: .5rem 0;
outline: none;
}
.spis-content-link{
font-size: .9rem;
outline: none;
}
.spis-content-container a {
color: var(--col-text-muted);
}
.spis-content-container{
display: flex;
flex-direction: column;
padding: .5rem 0 .5rem 1rem;
}
.spis-section-link, .spis-content-link {
text-decoration: none;
}  .cat-boxs {
display: flex;
}
.cat-box {
margin: 10px;
}
.cat-img img{
border-radius: 0.5rem;
}  .faq-section {
display: grid;
max-width: 1000px;
}
.faq-item {
margin-bottom: 16px;
}
.faq-item details {
background: var(--col-white);
border: 2px solid var(--col-gray-dark);
border-radius: 18px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.faq-item details:hover {
border-color: var(--col-yellow);
transform: translateY(-2px);
box-shadow: 0 10px 20px -5px rgba(59, 130, 246, 0.1);
}
.faq-item details[open] {
border-color: var(--col-yellow);
background: #f8faff;
box-shadow: 0 15px 30px -10px rgba(59, 130, 246, 0.15);
}
.faq-item summary {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 22px 28px !important;
font-weight: 700;
font-size: 17px;
cursor: pointer;
list-style: none !important;
outline: none;
user-select: none;
}
.faq-item summary::-webkit-details-marker,
.faq-item summary::marker {
display: none !important;
}
.faq-item summary::after {
content: "";
width: 32px;
height: 32px;
background-color: var(--col-yellow);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
flex-shrink: 0;
}
.faq-item details[open] summary::after {
background-color: var(--col-yellow);
transform: rotate(180deg) scale(1.1);
}
.faq-item .faq-answer {
padding: 0 28px 25px 28px;
font-size: 16px;
line-height: 1.7;
color: #475569;
animation: slideIn 0.4s ease-out;
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 600px) {
.faq-item summary { padding: 18px 20px !important; font-size: 15px; }
.faq-section h2 { font-size: 20px; }
}  #compare-sticky-bar {
position: fixed;
bottom: -150px;
left: 0; width: 100%; height: 90px;
background: #111; color: #fff;
transition: transform 0.4s ease;
z-index: 99999;
display: flex; align-items: center;
box-shadow: 0 -5px 20px rgba(0,0,0,0.5);
}
#compare-sticky-bar.active { transform: translateY(-150px); }
.compare-content {
max-width: 1100px; margin: 0 auto; width: 100%;
display: flex; justify-content: space-between; align-items: center; padding: 0 20px;
}
.compare-slots { display: flex; gap: 10px; }
.compare-slot {
width: 60px; height: 60px; background: #222;
border: 1px dashed #555; border-radius: 6px; overflow: hidden;
}
.compare-slot.filled { border: 2px solid #0073aa; }
.compare-slot img { width: 100%; height: 100%; object-fit: cover; }
.compare-actions { display: flex; align-items: center; gap: 15px; }
#do-compare {
background: #0073aa; color: #fff; border: none;
padding: 10px 20px; border-radius: 4px; font-weight: bold; cursor: pointer;
}
#do-compare:disabled { background: #444; cursor: not-allowed; }
#clear-compare {
background: none; border: 1px solid #444; color: #888;
cursor: pointer; border-radius: 50%; width: 25px; height: 25px;
}
.add-to-compare-btn {
display: inline-flex;
align-items: center;
gap: 8px; padding: 8px 12px;
cursor: pointer;
}
.compare-icon {
transition: transform 0.2s; }
.add-to-compare-btn:hover .compare-icon {
transform: scale(1.1); }
.basap-comparison-table td, .basap-comparison-table th {
width: 40%;
}
.basap-comparison-table td:first-child, .basap-comparison-table th:first-child{
width: 20%;
}
.basap-comparison-table li{
font-size: 1rem;
}
td .product__figure{
text-align: center;
vertical-align: middle;
}