.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:0;background:0 0;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}.cn-compliance-warning{display:block;color:#f5a623!important;font-size:12px;line-height:18px;margin:4px 0 8px 0}.cn-compliance-warning .cn-warning-icon{color:#f5a623!important;margin-right:4px}.cn-compliance-warning strong{color:#f5a623!important}.cn-compliance-warning a{color:#f5a623!important;text-decoration:underline}.cn-compliance-warning a:hover{color:#ffb84d!important}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}body .extendedwopts-show {
display: none;
}
body .widgetopts-hide_title .widget-title {
display: none;
}
body .extendedwopts-md-right {
text-align: right;
}
body .extendedwopts-md-left {
text-align: left;
}
body .extendedwopts-md-center {
text-align: center;
}
body .extendedwopts-md-justify {
text-align: justify;
}
@media screen and (min-width: 1181px) {
body .extendedwopts-hide.extendedwopts-desktop {
display: none !important;
}
body .extendedwopts-show.extendedwopts-desktop {
display: block;
}
body .widget.clearfix-desktop {
clear: both;
}
}
@media screen and (max-width: 1024px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 767px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
.panel-cell-style:after {
content: "";
display: block;
clear: both;
position: relative;
}.ckw-product-card,
.ckw-grid,
.ckw-compare-wrapper,
.ckw-table-wrapper {
box-sizing: border-box !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif !important;
line-height: 1.5 !important;
margin: 1.5em 0 !important;
}
.ckw-product-card *,
.ckw-grid *,
.ckw-compare-wrapper *,
.ckw-table-wrapper * {
box-sizing: border-box !important;
} .ckw-product-card {
position: relative !important;
display: flex !important;
flex-direction: row !important;
border: 1px solid #e3e6ea !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #fff !important;
max-width: 780px !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
transition: box-shadow 0.25s ease, transform 0.25s ease !important;
margin: 1.5em auto !important;
}
.ckw-product-card:hover {
box-shadow: 0 6px 24px rgba(0,0,0,0.1) !important;
}
.ckw-product-card:hover .ckw-product-image img {
transform: scale(1.04) !important;
}
.ckw-product-image {
flex: 0 0 260px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
background: #fafbfc !important;
position: relative !important;
}
.ckw-product-image img {
max-width: 100% !important;
max-height: 240px !important;
height: auto !important;
object-fit: contain !important;
transition: transform 0.25s ease !important;
}
.ckw-product-image a {
text-decoration: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
.ckw-product-info {
flex: 1 !important;
padding: 22px 24px !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
} .ckw-product-lead {
font-size: 14px !important;
color: #4a5562 !important;
line-height: 1.55 !important;
margin: 4px 0 0 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
} .ckw-product-footer {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 16px !important;
margin-top: auto !important;
padding-top: 14px !important;
flex-wrap: wrap !important;
}
.ckw-product-footer .ckw-product-pricing {
flex: 1 !important;
min-width: 140px !important;
}
.ckw-product-footer .ckw-product-btn {
flex-shrink: 0 !important;
}
.ckw-product-brand {
font-size: 0.75em !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: #888 !important;
font-weight: 600 !important;
}
.ckw-product-title {
font-size: 1.1em !important;
font-weight: 600 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.3 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.ckw-product-title a {
color: #111 !important;
text-decoration: none !important;
}
.ckw-product-title a:hover {
color: #e47911 !important;
} .ckw-product-rating {
display: flex !important;
align-items: center !important;
gap: 5px !important;
font-size: 0.9em !important;
}
.ckw-stars {
display: inline-flex !important;
gap: 1px !important;
}
.ckw-star {
color: #ffa41c !important;
font-size: 1.1em !important;
line-height: 1 !important;
}
.ckw-star-empty {
color: #ccc !important;
}
.ckw-star-half {
color: #ffa41c !important;
opacity: 0.6 !important;
}
.ckw-rating-count {
color: #666 !important;
font-size: 0.85em !important;
}
.ckw-rating-value {
color: #1a2332 !important;
font-weight: 600 !important;
font-size: 0.9em !important;
} .ckw-product-features {
list-style: none !important;
padding: 0 !important;
margin: 8px 0 !important;
font-size: 0.85em !important;
color: #4a5562 !important;
}
.ckw-product-features li {
padding: 3px 0 3px 18px !important;
position: relative !important;
line-height: 1.45 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.ckw-product-features li::before {
content: "\2713" !important;
position: absolute !important;
left: 0 !important;
top: 3px !important;
color: #007600 !important;
font-weight: 700 !important;
} .ckw-product-meta {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 0.85em !important;
} .ckw-product-pricing {
display: flex !important;
align-items: baseline !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
.ckw-price-current {
font-size: 1.4em !important;
font-weight: 700 !important;
color: #e47911 !important;
}
.ckw-price-old {
font-size: 0.95em !important;
color: #999 !important;
text-decoration: line-through !important;
}
.ckw-inline-price {
font-weight: 700 !important;
color: #e47911 !important;
}
.ckw-inline-old-price {
color: #999 !important;
text-decoration: line-through !important;
margin-right: 4px !important;
} .ckw-stock {
font-size: 0.8em !important;
font-weight: 500 !important;
}
.ckw-in-stock {
color: #007600 !important;
}
.ckw-out-of-stock {
color: #cc0000 !important;
}  .ckw-badge-discount {
position: absolute !important;
top: 14px !important;
right: -28px !important;
background: #dc2626 !important;
color: #fff !important;
font-size: 0.78em !important;
font-weight: 800 !important;
padding: 4px 32px !important;
z-index: 2 !important;
transform: rotate(45deg) !important;
transform-origin: center !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.2) !important;
letter-spacing: 0.5px !important;
pointer-events: none !important;
}
.ckw-badge-best {
position: absolute !important;
top: 10px !important;
right: 10px !important;
background: #e47911 !important;
color: #fff !important;
font-size: 0.75em !important;
font-weight: 700 !important;
padding: 3px 10px !important;
border-radius: 4px !important;
z-index: 2 !important;
text-transform: uppercase !important;
} .ckw-product-btn {
display: inline-block !important;
background: #e47911 !important;
color: #fff !important;
text-align: center !important;
padding: 10px 24px !important;
border-radius: 6px !important;
font-size: 0.95em !important;
font-weight: 600 !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
transition: opacity 0.2s ease, box-shadow 0.2s ease !important;
margin-top: auto !important;
align-self: flex-start !important;
}
.ckw-product-btn:hover {
opacity: 0.85 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
color: #fff !important;
text-decoration: none !important;
}
.ckw-btn-sm {
padding: 6px 14px !important;
font-size: 0.85em !important;
} .ckw-grid {
display: flex !important;
flex-wrap: wrap !important;
gap: 16px !important;
}
.ckw-grid-item {
position: relative !important;
flex: 1 1 calc(33.333% - 16px) !important;
min-width: 220px !important;
max-width: calc(33.333% - 11px) !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #fff !important;
display: flex !important;
flex-direction: column !important;
transition: box-shadow 0.2s ease, transform 0.15s ease !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}
.ckw-grid-item:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
transform: translateY(-2px) !important;
}
.ckw-grid-image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 15px !important;
background: #fafafa !important;
min-height: 180px !important;
}
.ckw-grid-image img {
max-width: 100% !important;
max-height: 180px !important;
height: auto !important;
object-fit: contain !important;
}
.ckw-grid-image a {
text-decoration: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
.ckw-grid-content {
padding: 15px !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
flex: 1 !important;
}
.ckw-grid-content .ckw-product-title {
font-size: 0.95em !important;
}
.ckw-grid-content .ckw-product-btn {
align-self: stretch !important;
text-align: center !important;
margin-top: 8px !important;
} .ckw-grid-box .ckw-grid-item {
flex: 1 1 100% !important;
max-width: 100% !important;
flex-direction: row !important;
}
.ckw-grid-box .ckw-grid-image {
flex: 0 0 200px !important;
min-height: auto !important;
}
.ckw-grid-box .ckw-grid-content {
flex: 1 !important;
} .ckw-grid-mini .ckw-grid-item {
flex: 1 1 calc(25% - 16px) !important;
max-width: calc(25% - 12px) !important;
min-width: 180px !important;
}
.ckw-grid-mini .ckw-grid-image {
min-height: 140px !important;
}
.ckw-grid-mini .ckw-grid-image img {
max-height: 140px !important;
} .ckw-grid-mini-box .ckw-grid-item {
flex: 1 1 calc(50% - 16px) !important;
max-width: calc(50% - 8px) !important;
flex-direction: row !important;
}
.ckw-grid-mini-box .ckw-grid-image {
flex: 0 0 150px !important;
min-height: auto !important;
} .ckw-grid-deal .ckw-grid-item:first-child {
border-color: #e47911 !important;
border-width: 2px !important;
} .ckw-sidebar {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.ckw-sidebar.ckw-sidebar-sticky {
position: sticky !important;
z-index: 10 !important;
}
.ckw-sidebar-item {
position: relative !important;
display: flex !important;
flex-direction: column !important;
background: #fff !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
overflow: hidden !important;
transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
.ckw-sidebar-item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
transform: translateY(-1px) !important;
}
.ckw-sidebar-image {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px !important;
min-height: 120px !important;
background: #f9f9f9 !important;
}
.ckw-sidebar-image img {
max-width: 100% !important;
max-height: 120px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
.ckw-sidebar-rank-wrap {
position: absolute !important;
top: 8px !important;
left: 8px !important;
z-index: 2 !important;
}
.ckw-sidebar-content {
padding: 10px 12px 12px !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
.ckw-sidebar-brand {
font-size: 0.75em !important;
color: #666 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
font-weight: 600 !important;
}
.ckw-sidebar-title {
font-size: 0.9em !important;
line-height: 1.3 !important;
margin: 2px 0 4px !important;
font-weight: 600 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ckw-sidebar-title a {
color: #1a2332 !important;
text-decoration: none !important;
}
.ckw-sidebar-title a:hover {
color: #e47911 !important;
}
.ckw-sidebar-rating {
font-size: 0.85em !important;
}
.ckw-sidebar-pricing {
display: flex !important;
align-items: baseline !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin: 4px 0 8px !important;
}
.ckw-sidebar-pricing .ckw-price-current {
font-size: 1.1em !important;
font-weight: 700 !important;
color: #e47911 !important;
}
.ckw-sidebar-pricing .ckw-price-old {
font-size: 0.85em !important;
color: #999 !important;
text-decoration: line-through !important;
}
.ckw-sidebar-btn {
width: 100% !important;
text-align: center !important;
padding: 8px 12px !important;
font-size: 0.9em !important;
box-sizing: border-box !important;
} @media (max-width: 768px) {
.ckw-sidebar.ckw-sidebar-sticky {
position: static !important;
}
} .ckw-table-wrapper {
overflow-x: auto !important;
}
.ckw-table {
width: 100% !important;
border-collapse: collapse !important;
border: 1px solid #e0e0e0 !important;
background: #fff !important;
border-radius: 8px !important;
overflow: hidden !important;
}
.ckw-table thead th {
background: #f5f5f5 !important;
padding: 10px 12px !important;
text-align: left !important;
font-size: 0.85em !important;
font-weight: 600 !important;
color: #555 !important;
border-bottom: 2px solid #e0e0e0 !important;
}
.ckw-table-row {
border-bottom: 1px solid #f0f0f0 !important;
transition: background 0.15s !important;
}
.ckw-table-row:hover {
background: #fafafa !important;
}
.ckw-table-row:last-child {
border-bottom: none !important;
}
.ckw-td-image {
width: 80px !important;
padding: 8px !important;
}
.ckw-td-image img {
max-width: 70px !important;
max-height: 70px !important;
object-fit: contain !important;
}
.ckw-td-image a {
text-decoration: none !important;
}
.ckw-td-title {
padding: 8px 12px !important;
}
.ckw-td-title a {
color: #111 !important;
text-decoration: none !important;
font-weight: 500 !important;
font-size: 0.9em !important;
}
.ckw-td-title a:hover {
color: #e47911 !important;
}
.ckw-td-price {
padding: 8px 12px !important;
white-space: nowrap !important;
}
.ckw-td-action {
padding: 8px 12px !important;
white-space: nowrap !important;
} .ckw-grid-mini-table {
max-width: 50% !important;
} .ckw-carousel {
position: relative !important;
margin: 1.5em 0 !important;
padding: 0 44px !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif !important;
}
.ckw-carousel-track {
display: flex !important;
gap: 16px !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
scroll-behavior: smooth !important;
-webkit-overflow-scrolling: touch !important;
padding: 4px 2px !important;
scrollbar-width: thin !important;
}
.ckw-carousel-track::-webkit-scrollbar {
height: 6px !important;
}
.ckw-carousel-track::-webkit-scrollbar-track {
background: #f0f0f0 !important;
border-radius: 3px !important;
}
.ckw-carousel-track::-webkit-scrollbar-thumb {
background: #c3c9d1 !important;
border-radius: 3px !important;
}
.ckw-carousel-slide {
flex: 0 0 240px !important;
scroll-snap-align: start !important;
background: #fff !important;
border: 1px solid #e3e6ea !important;
border-radius: 10px !important;
padding: 16px !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
transition: box-shadow 0.2s ease, transform 0.2s ease !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
.ckw-carousel-slide:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
transform: translateY(-2px) !important;
}
.ckw-carousel-image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 160px !important;
background: #fafbfc !important;
border-radius: 6px !important;
padding: 10px !important;
text-decoration: none !important;
}
.ckw-carousel-image img {
max-width: 100% !important;
max-height: 160px !important;
object-fit: contain !important;
transition: transform 0.25s ease !important;
}
.ckw-carousel-slide:hover .ckw-carousel-image img {
transform: scale(1.05) !important;
}
.ckw-carousel-title {
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
margin: 6px 0 0 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: 35px !important;
}
.ckw-carousel-title a {
color: #1a2332 !important;
text-decoration: none !important;
}
.ckw-carousel-title a:hover {
color: #e47911 !important;
}
.ckw-carousel-rating {
font-size: 12px !important;
}
.ckw-carousel-pricing {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
margin-top: 4px !important;
}
.ckw-carousel-pricing .ckw-price-current {
font-size: 18px !important;
}
.ckw-carousel-slide .ckw-product-btn {
margin-top: auto !important;
text-align: center !important;
font-size: 12px !important;
padding: 8px 14px !important;
} .ckw-carousel-nav {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
background: #fff !important;
border: 1px solid #e3e6ea !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
cursor: pointer !important;
font-size: 20px !important;
font-weight: 700 !important;
color: #1a2332 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 2 !important;
transition: background 0.15s ease, transform 0.15s ease !important;
padding: 0 !important;
}
.ckw-carousel-nav:hover {
background: #f5f7fa !important;
transform: translateY(-50%) scale(1.08) !important;
}
.ckw-carousel-prev { left: 0 !important; }
.ckw-carousel-next { right: 0 !important; } @media (max-width: 680px) {
.ckw-carousel {
padding: 0 !important;
}
.ckw-carousel-nav {
display: none !important;
}
.ckw-carousel-slide {
flex: 0 0 200px !important;
padding: 12px !important;
}
.ckw-carousel-image {
min-height: 140px !important;
}
.ckw-carousel-image img {
max-height: 140px !important;
}
} .ckw-cmp-wrapper {
width: 100% !important;
margin: 1.5em 0 !important;
overflow-x: auto !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif !important;
}
.ckw-cmp-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: #fff !important;
border: 1px solid #e3e6ea !important;
border-radius: 10px !important;
overflow: hidden !important;
font-size: 14px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.ckw-cmp-table * {
box-sizing: border-box !important;
} .ckw-cmp-table thead th {
background: #f5f7fa !important;
color: #3a4554 !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 12px 16px !important;
text-align: left !important;
border-bottom: 2px solid #e3e6ea !important;
vertical-align: middle !important;
}
.ckw-cmp-th-image { width: 22% !important; text-align: center !important; }
.ckw-cmp-th-name  { width: 42% !important; }
.ckw-cmp-th-price { width: 18% !important; text-align: center !important; }
.ckw-cmp-th-cta   { width: 18% !important; text-align: center !important; } .ckw-cmp-row {
transition: background 0.2s ease, transform 0.2s ease !important;
}
.ckw-cmp-row:hover {
background: #fafbfc !important;
}
.ckw-cmp-row td {
padding: 18px 16px !important;
vertical-align: middle !important;
border-bottom: 1px solid #eef0f3 !important;
}
.ckw-cmp-row:last-child td {
border-bottom: none !important;
} .ckw-cmp-highlight {
background: linear-gradient(to right, rgba(228,121,17,0.06), transparent 60%) !important;
}
.ckw-cmp-highlight td:first-child {
border-left: 4px solid #e47911 !important;
}
.ckw-cmp-badge-editor {
display: inline-block !important;
background: #e47911 !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 3px 8px !important;
border-radius: 3px !important;
margin-top: 8px !important;
white-space: nowrap !important;
} .ckw-cmp-td-image {
text-align: center !important;
}
.ckw-cmp-image-link {
display: inline-block !important;
text-decoration: none !important;
position: relative !important;
}
.ckw-cmp-image {
max-width: 160px !important;
max-height: 160px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: inline-block !important;
transition: transform 0.25s ease !important;
} .ckw-cmp-row:hover .ckw-cmp-image {
transform: scale(1.06) !important;
} .ckw-cmp-td-name {
vertical-align: middle !important;
}
.ckw-cmp-brand {
font-size: 11px !important;
color: #8a94a0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
font-weight: 600 !important;
margin-bottom: 4px !important;
}
.ckw-cmp-title {
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #1a2332 !important;
margin: 0 0 8px 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.ckw-cmp-title a {
color: inherit !important;
text-decoration: none !important;
}
.ckw-cmp-title a:hover {
color: #e47911 !important;
}
.ckw-cmp-rating-line {
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: wrap !important;
font-size: 12px !important;
color: #5a6570 !important;
margin-bottom: 8px !important;
}
.ckw-cmp-rating-line .ckw-stars {
font-size: 14px !important;
}
.ckw-cmp-rating-value {
font-weight: 600 !important;
color: #1a2332 !important;
}
.ckw-cmp-rating-count {
color: #8a94a0 !important;
}
.ckw-cmp-desc-text {
font-size: 13px !important;
color: #4a5562 !important;
line-height: 1.5 !important;
margin: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
} .ckw-cmp-td-price {
text-align: center !important;
white-space: nowrap !important;
}
.ckw-cmp-price-old {
font-size: 13px !important;
color: #8a94a0 !important;
text-decoration: line-through !important;
margin-bottom: 2px !important;
}
.ckw-cmp-price-current {
font-size: 24px !important;
font-weight: 700 !important;
color: #e47911 !important;
line-height: 1.1 !important;
}
.ckw-cmp-price-na {
font-size: 13px !important;
color: #5a6570 !important;
font-style: italic !important;
}
.ckw-cmp-discount {
display: inline-block !important;
background: #dc2626 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 700 !important;
padding: 3px 8px !important;
border-radius: 4px !important;
margin-top: 6px !important;
} .ckw-cmp-td-cta {
text-align: center !important;
}
.ckw-cmp-cta {
display: inline-block !important;
padding: 11px 20px !important;
font-size: 13px !important;
font-weight: 600 !important;
border-radius: 6px !important;
white-space: nowrap !important;
min-width: 130px !important;
text-align: center !important;
}  @media (max-width: 900px) {
.ckw-cmp-table {
font-size: 13px !important;
}
.ckw-cmp-row td {
padding: 14px 12px !important;
}
.ckw-cmp-image {
max-width: 120px !important;
max-height: 120px !important;
}
.ckw-cmp-title {
font-size: 14px !important;
}
.ckw-cmp-price-current {
font-size: 20px !important;
}
.ckw-cmp-cta {
min-width: 110px !important;
padding: 10px 14px !important;
font-size: 12px !important;
}
} @media (max-width: 680px) {
.ckw-cmp-wrapper {
overflow: visible !important;
}
.ckw-cmp-table {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.ckw-cmp-table thead {
display: none !important;
}
.ckw-cmp-table,
.ckw-cmp-table tbody,
.ckw-cmp-table tr {
display: block !important;
width: 100% !important;
}
.ckw-cmp-row {
display: grid !important;
grid-template-columns: 120px 1fr !important;
grid-template-areas:
"image name"
"image price"
"cta   cta" !important;
column-gap: 14px !important;
row-gap: 8px !important;
padding: 16px !important;
margin-bottom: 16px !important;
background: #fff !important;
border: 1px solid #e3e6ea !important;
border-radius: 10px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
border-bottom: 1px solid #e3e6ea !important;
}
.ckw-cmp-row td {
display: block !important;
padding: 0 !important;
border: none !important;
vertical-align: top !important;
}
.ckw-cmp-td-image  { grid-area: image !important; text-align: left !important; align-self: start !important; }
.ckw-cmp-td-name   { grid-area: name !important; }
.ckw-cmp-td-price  { grid-area: price !important; text-align: left !important; align-self: start !important; }
.ckw-cmp-td-cta    { grid-area: cta !important; text-align: center !important; }
.ckw-cmp-image {
max-width: 120px !important;
max-height: 120px !important;
}
.ckw-cmp-title {
font-size: 14px !important;
margin-bottom: 6px !important;
}
.ckw-cmp-desc-text {
-webkit-line-clamp: 3 !important;
}
.ckw-cmp-price-current {
font-size: 22px !important;
}
.ckw-cmp-cta {
display: block !important;
width: 100% !important;
padding: 12px 20px !important;
font-size: 14px !important;
margin-top: 4px !important;
}
.ckw-cmp-highlight {
border-left: 4px solid #e47911 !important;
background: linear-gradient(to bottom, rgba(228,121,17,0.04), transparent 30%) !important;
}
.ckw-cmp-highlight td:first-child {
border-left: none !important;
}
} @media (max-width: 420px) {
.ckw-cmp-row {
grid-template-columns: 1fr !important;
grid-template-areas:
"image"
"name"
"price"
"cta" !important;
row-gap: 10px !important;
}
.ckw-cmp-td-image {
text-align: center !important;
}
.ckw-cmp-image {
max-width: 140px !important;
max-height: 140px !important;
}
} @media (max-width: 768px) {
.ckw-product-card {
flex-direction: column !important;
max-width: 100% !important;
}
.ckw-product-image {
flex: 0 0 auto !important;
padding: 24px !important;
}
.ckw-product-image img {
max-height: 220px !important;
}
.ckw-product-info {
padding: 20px !important;
}
.ckw-product-footer {
flex-direction: column !important;
align-items: stretch !important;
gap: 12px !important;
}
.ckw-product-footer .ckw-product-btn {
width: 100% !important;
text-align: center !important;
}
.ckw-grid-item {
flex: 1 1 100% !important;
max-width: 100% !important;
}
.ckw-grid-mini .ckw-grid-item {
flex: 1 1 calc(50% - 16px) !important;
max-width: calc(50% - 8px) !important;
}
.ckw-grid-box .ckw-grid-item,
.ckw-grid-mini-box .ckw-grid-item {
flex-direction: column !important;
}
.ckw-grid-box .ckw-grid-image,
.ckw-grid-mini-box .ckw-grid-image {
flex: 0 0 auto !important;
}
.ckw-grid-mini-table {
max-width: 100% !important;
}
.ckw-compare-col {
min-width: 160px !important;
}
}
@media (max-width: 480px) {
.ckw-grid-mini .ckw-grid-item {
flex: 1 1 100% !important;
max-width: 100% !important;
}
.ckw-compare-table {
flex-direction: column !important;
}
.ckw-compare-col {
max-width: 100% !important;
}
.ckw-product-btn {
padding: 8px 16px !important;
font-size: 0.9em !important;
}
}