/*
* Kisando Premium Design System (Revolut Style)
* Fonts: Outfit (Display/Headings), Inter (Body)
*/
:root {
/* Revolut Tokens */
--rui-dark: #000 !important;
--rui-white: #ffffff;
--rui-surface-light: #f9f9fb; /* Rozjaśnione, mniej wybijające się tło */
--rui-blue: #494fdf;
--rui-danger: #e23b4a;
--rui-teal: #00a87e;
/* Typography */
--font-display: 'Outfit', sans-serif;
--font-body: 'Inter', sans-serif;
}
/* Desktop variable product: keep the purchase panel contained and style variants. */
@media (min-width: 1025px) {
body.single-product div.product.product-type-variable .summary.entry-summary {
box-sizing: border-box !important;
overflow: hidden !important;
padding-right: 0 !important;
}
body.single-product div.product.product-type-variable form.variations_form,
body.single-product div.product.product-type-variable form.variations_form .single_variation_wrap,
body.single-product div.product.product-type-variable form.variations_form .woocommerce-variation-add-to-cart,
body.single-product div.product.product-type-variable form.variations_form .botiga-single-addtocart-wrapper,
body.single-product div.product.product-type-variable .cuw-product-addons {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.single-product div.product.product-type-variable table.variations,
body.single-product div.product.product-type-variable table.variations tbody,
body.single-product div.product.product-type-variable table.variations tr {
display: block !important;
width: 100% !important;
}
body.single-product div.product.product-type-variable table.variations tr {
display: grid !important;
grid-template-columns: 120px minmax(0, 1fr) !important;
align-items: center !important;
gap: 18px !important;
margin: 0 0 14px !important;
}
body.single-product div.product.product-type-variable table.variations th.label,
body.single-product div.product.product-type-variable table.variations td.value {
display: block !important;
width: auto !important;
padding: 0 !important;
line-height: 1.2 !important;
}
body.single-product div.product.product-type-variable table.variations label {
margin: 0 !important;
color: #191c1f !important;
font-family: var(--font-display, inherit) !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: -0.01em !important;
}
body.single-product div.product.product-type-variable table.variations select {
width: 100% !important;
min-height: 56px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
border-radius: 18px !important;
background-color: #ffffff !important;
color: #191c1f !important;
font-size: 16px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
body.single-product div.product.product-type-variable table.variations select:focus {
border-color: #191c1f !important;
box-shadow: 0 0 0 3px rgba(25, 28, 31, 0.08) !important;
}
body.single-product div.product.product-type-variable table.variations .reset_variations {
display: inline-block !important;
margin-top: 8px !important;
color: #6c7580 !important;
font-size: 12px !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons {
margin: 4px 0 12px !important;
padding: 0 !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product,
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product.cuw-product-row {
display: grid !important;
grid-template-columns: 24px 64px minmax(0, 1fr) !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 8px 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product > div:first-child {
grid-column: 1 !important;
width: 24px !important;
min-width: 24px !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product > div:nth-child(2) {
display: grid !important;
grid-template-columns: 64px minmax(0, 1fr) !important;
align-items: center !important;
gap: 14px !important;
grid-column: 2 / 4 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product-checkbox {
width: 18px !important;
height: 18px !important;
margin: 0 !important;
accent-color: #191c1f !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product-image {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
margin: 0 !important;
border-radius: 16px !important;
background: #f4f4f4 !important;
overflow: hidden !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product-image img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
margin: 0 !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product-title {
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
color: #191c1f !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.single-product div.product.product-type-variable .cuw-product-addons .cuw-product-price {
margin: 4px 0 0 !important;
color: #191c1f !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
white-space: normal !important;
}
body.single-product div.product.product-type-variable .botiga-single-addtocart-wrapper {
display: grid !important;
grid-template-columns: 132px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: center !important;
}
body.single-product div.product.product-type-variable .summary .single_add_to_cart_button {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
}
/* Order received: one responsive premium confirmation layout. */
body.woocommerce-order-received.kis-order-received-polished {
background: #f5f6f8 !important;
color: #191c1f !important;
overflow-x: hidden !important;
}
body.woocommerce-order-received.kis-order-received-polished .entry-content > p:first-child {
display: none !important;
}
body.woocommerce-order-received.kis-order-received-polished .site-main,
body.woocommerce-order-received.kis-order-received-polished #primary,
body.woocommerce-order-received.kis-order-received-polished .content-area,
body.woocommerce-order-received.kis-order-received-polished .entry-content {
width: min(1180px, calc(100vw - 32px)) !important;
max-width: 1180px !important;
margin-inline: auto !important;
}
body.woocommerce-order-received.kis-order-received-polished .entry-title,
body.woocommerce-order-received.kis-order-received-polished .page-title {
display: none !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order {
display: grid !important;
gap: 24px !important;
padding: clamp(12px, 2vw, 24px) 0 clamp(28px, 5vw, 72px) !important;
font-family: var(--font-body, 'Inter', sans-serif) !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-hero,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-payment-note,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-details,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-customer-details,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-actions {
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 28px !important;
background: #ffffff !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-hero {
display: grid !important;
grid-template-columns: auto 1fr !important;
gap: clamp(18px, 3vw, 32px) !important;
align-items: center !important;
padding: clamp(28px, 5vw, 56px) !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-status {
display: grid !important;
width: clamp(58px, 8vw, 86px) !important;
height: clamp(58px, 8vw, 86px) !important;
place-items: center !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-status svg {
width: 44% !important;
height: 44% !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-kicker {
margin: 0 0 10px !important;
color: #6c7580 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-hero h1 {
margin: 0 !important;
color: #191c1f !important;
font-family: var(--font-display, 'Outfit', sans-serif) !important;
font-size: clamp(42px, 7vw, 86px) !important;
font-weight: 500 !important;
letter-spacing: -0.05em !important;
line-height: 0.98 !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-lead {
max-width: 680px !important;
margin: 18px 0 0 !important;
color: #505a63 !important;
font-size: clamp(16px, 2vw, 20px) !important;
line-height: 1.5 !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
padding: 18px !important;
list-style: none !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview::before,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview::after {
display: none !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview li {
display: flex !important;
min-height: 92px !important;
margin: 0 !important;
padding: 18px !important;
flex-direction: column !important;
justify-content: center !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 20px !important;
background: #f7f8fa !important;
color: #6c7580 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview li strong {
display: block !important;
margin-top: 8px !important;
color: #191c1f !important;
font-size: clamp(16px, 2vw, 22px) !important;
font-weight: 700 !important;
letter-spacing: -0.03em !important;
text-transform: none !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-payment-note,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-details,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-customer-details {
padding: clamp(22px, 3vw, 34px) !important;
}
body.woocommerce-order-received.kis-order-received-polished h2,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-details__title,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-column__title {
margin: 0 0 18px !important;
color: #191c1f !important;
font-family: var(--font-display, 'Outfit', sans-serif) !important;
font-size: clamp(24px, 3vw, 34px) !important;
font-weight: 500 !important;
letter-spacing: -0.035em !important;
line-height: 1.05 !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next-grid > div {
padding: 18px !important;
border-radius: 20px !important;
background: #f7f8fa !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next-grid span {
display: grid !important;
width: 32px !important;
height: 32px !important;
margin-bottom: 14px !important;
place-items: center !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 700 !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next-grid strong {
display: block !important;
margin-bottom: 6px !important;
color: #191c1f !important;
font-size: 16px !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next-grid p,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-payment-note p {
margin: 0 !important;
color: #66717d !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-payment-note p + p {
margin-top: 14px !important;
padding: 18px !important;
border-radius: 20px !important;
background: #f7f8fa !important;
color: #191c1f !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-details-grid {
display: grid !important;
grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr) !important;
gap: 24px !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-details-grid > .woocommerce-order-details,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-details-grid > .woocommerce-customer-details {
grid-column: 1 / -1 !important;
}
body.woocommerce-order-received.kis-order-received-polished table.shop_table,
body.woocommerce-order-received.kis-order-received-polished table.shop_table th,
body.woocommerce-order-received.kis-order-received-polished table.shop_table td {
border-color: rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
}
body.woocommerce-order-received.kis-order-received-polished table.shop_table {
overflow: hidden !important;
margin: 0 !important;
border: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
color: #191c1f !important;
background: #ffffff !important;
}
body.woocommerce-order-received.kis-order-received-polished table.shop_table th,
body.woocommerce-order-received.kis-order-received-polished table.shop_table td {
padding: 16px 0 !important;
border-width: 0 0 1px !important;
background: #ffffff !important;
font-size: 15px !important;
line-height: 1.45 !important;
}
body.woocommerce-order-received.kis-order-received-polished table.shop_table thead th {
color: #6c7580 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.woocommerce-order-received.kis-order-received-polished table.shop_table a {
color: #191c1f !important;
font-weight: 700 !important;
text-decoration: none !important;
}
body.woocommerce-order-received.kis-order-received-polished table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received.kis-order-received-polished table.shop_table tfoot tr:last-child td {
border-bottom: 0 !important;
color: #191c1f !important;
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: -0.03em !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-details__point {
margin: 18px 0 0 !important;
padding: 18px !important;
border-radius: 20px !important;
background: #f7f8fa !important;
color: #505a63 !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-details__point strong {
color: #191c1f !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-customer-details .woocommerce-columns {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-customer-details .woocommerce-column {
width: 100% !important;
float: none !important;
padding: 0 !important;
max-width: none !important;
}
body.woocommerce-order-received.kis-order-received-polished address {
width: 100% !important;
margin: 0 !important;
padding: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 20px !important;
background: #f7f8fa !important;
color: #505a63 !important;
font-size: 15px !important;
font-style: normal !important;
line-height: 1.7 !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-actions {
display: flex !important;
gap: 12px !important;
justify-content: center !important;
padding: 18px !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-actions a {
display: inline-flex !important;
min-height: 52px !important;
align-items: center !important;
justify-content: center !important;
padding: 14px 32px !important;
border-radius: 9999px !important;
font-size: 16px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-primary {
background: #191c1f !important;
color: #ffffff !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-secondary {
border: 1px solid rgba(25, 28, 31, 0.14) !important;
background: #f7f8fa !important;
color: #191c1f !important;
}
@media (max-width: 860px) {
body.woocommerce-order-received.kis-order-received-polished .site-main,
body.woocommerce-order-received.kis-order-received-polished #primary,
body.woocommerce-order-received.kis-order-received-polished .content-area,
body.woocommerce-order-received.kis-order-received-polished .entry-content {
width: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
padding-inline: 14px !important;
box-sizing: border-box !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order *,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order *::before,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order *::after {
box-sizing: border-box !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order {
width: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-hero,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-payment-note,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-details,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-customer-details,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-actions {
width: 100% !important;
max-width: 100% !important;
}
body.woocommerce-order-received.kis-order-received-polished .woocommerce-order-overview,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-next-grid,
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-details-grid,
body.woocommerce-order-received.kis-order-received-polished .woocommerce-customer-details .woocommerce-columns {
grid-template-columns: 1fr !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-hero {
grid-template-columns: 1fr !important;
}
body.woocommerce-order-received.kis-order-received-polished .kis-order-received-actions {
flex-direction: column !important;
}
}
/* Desktop v6 payment visual polish: neutral, DESIGN.md-aligned states. */
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill {
border-color: rgba(17, 20, 23, 0.075) !important;
background: #ffffff !important;
color: #68717d !important;
box-shadow: 0 10px 28px rgba(17, 20, 23, 0.02) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill:hover {
border-color: rgba(17, 20, 23, 0.18) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active {
border-color: rgba(17, 20, 23, 0.34) !important;
background: #f7f8fa !important;
color: #111417 !important;
box-shadow: inset 0 0 0 1px rgba(17, 20, 23, 0.055), 0 12px 30px rgba(17, 20, 23, 0.035) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active .kis-pill-copy {
color: #111417 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only {
grid-template-rows: 1fr !important;
align-content: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only .kis-pill-copy {
align-self: center !important;
justify-self: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only .kis-pill-logo {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.active,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.is-active,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item[aria-pressed="true"] {
border-color: rgba(17, 20, 23, 0.42) !important;
background: #f7f8fa !important;
box-shadow: inset 0 0 0 1px rgba(17, 20, 23, 0.08), 0 14px 28px rgba(17, 20, 23, 0.035) !important;
}
}
/* Final desktop v6 payment CTA polish. Desktop only; mobile checkout stays untouched. */
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .form-row.place-order {
display: grid !important;
gap: 18px !important;
margin: 22px 0 0 !important;
padding: 24px 0 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.075) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-terms-and-conditions-wrapper {
display: grid !important;
gap: 18px !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-privacy-policy-text p {
margin: 0 !important;
color: #68717d !important;
font-family: var(--font-body) !important;
font-size: 14px !important;
line-height: 1.65 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-privacy-policy-text a,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox a {
color: #d87868 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
font-weight: 800 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 14px !important;
width: fit-content !important;
max-width: 100% !important;
min-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 800 !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox::before {
content: "" !important;
flex: 0 0 26px !important;
width: 26px !important;
height: 26px !important;
border: 1.5px solid rgba(25, 28, 31, 0.42) !important;
border-radius: 7px !important;
background: #ffffff !important;
box-shadow: inset 0 0 0 2px #ffffff !important;
transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox:has(#terms:checked)::before {
border-color: #111417 !important;
background: #111417 !important;
box-shadow: inset 0 0 0 5px #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #terms {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #place_order {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: min(100%, 920px) !important;
min-height: 64px !important;
margin: 0 auto !important;
padding: 0 34px !important;
border: 0 !important;
border-radius: 9999px !important;
background: #111417 !important;
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: -0.01em !important;
text-align: center !important;
box-shadow: 0 18px 34px rgba(17, 20, 23, 0.18) !important;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #place_order:hover {
transform: translateY(-1px) !important;
background: #000000 !important;
box-shadow: 0 22px 42px rgba(17, 20, 23, 0.22) !important;
}
}
/* Desktop v6 buyer type switch - compact and clean. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_osobni_udaje_field.kis-checkout-buyer-type,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-type {
width: 300px !important;
max-width: 300px !important;
min-height: 52px !important;
height: 52px !important;
margin: 0 auto 18px !important;
padding: 5px !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
border: 1px solid rgba(25, 28, 31, 0.09) !important;
border-radius: 999px !important;
background: #f7f8fa !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_osobni_udaje_field.kis-checkout-buyer-type > label.kis-checkout-buyer-choice,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-type > label.kis-checkout-buyer-choice {
flex: 1 1 0 !important;
width: auto !important;
min-width: 0 !important;
min-height: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 16px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
color: #68717d !important;
font-family: var(--font-display) !important;
font-size: 14px !important;
line-height: 1.05 !important;
font-weight: 850 !important;
letter-spacing: -0.01em !important;
text-align: center !important;
box-shadow: none !important;
cursor: pointer !important;
transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_osobni_udaje_field.kis-checkout-buyer-type > label.kis-checkout-buyer-choice.is-selected,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-type > label.kis-checkout-buyer-choice.is-selected {
background: #ffffff !important;
color: #111417 !important;
box-shadow: 0 10px 24px rgba(25, 28, 31, 0.07) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-choice-text {
display: block !important;
max-width: 100% !important;
color: inherit !important;
font: inherit !important;
line-height: inherit !important;
white-space: normal !important;
}
}
/* Desktop v6 cleanup: remove temporary chrome and restore sitewide footer. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .bhfb-above_header_row,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-topbar,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer {
display: none !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-ft {
display: block !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host {
padding-top: 18px !important;
padding-bottom: 36px !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shell {
gap: 18px !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .content-wrapper,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .row.main-row {
padding-top: 0 !important;
margin-top: 0 !important;
}
}
/* Desktop v6 clear order summary. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary {
padding: 26px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 26px !important;
background: #ffffff !important;
box-shadow: 0 18px 42px rgba(25, 28, 31, 0.035) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary h3 {
margin: 0 0 22px !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 24px !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: -0.04em !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-items {
display: grid !important;
gap: 14px !important;
margin: 0 0 20px !important;
padding-bottom: 20px !important;
border-bottom: 1px solid rgba(25, 28, 31, 0.075) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-item {
display: grid !important;
grid-template-columns: 70px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: center !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-thumb {
position: relative !important;
width: 70px !important;
height: 70px !important;
border: 1px solid rgba(25, 28, 31, 0.07) !important;
border-radius: 18px !important;
background: #f7f8fa !important;
overflow: hidden !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-qty {
position: absolute !important;
display: none !important;
top: -7px !important;
right: -7px !important;
align-items: center !important;
justify-content: center !important;
min-width: 24px !important;
height: 24px !important;
padding: 0 7px !important;
border: 2px solid #ffffff !important;
border-radius: 999px !important;
background: #111417 !important;
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 900 !important;
box-shadow: 0 8px 18px rgba(17, 20, 23, 0.16) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy {
display: grid !important;
gap: 6px !important;
min-width: 0 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy strong {
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 850 !important;
letter-spacing: -0.01em !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy span {
color: #68717d !important;
font-family: var(--font-body) !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-totals {
display: grid !important;
gap: 10px !important;
margin: 0 0 18px !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-total-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
color: #68717d !important;
font-family: var(--font-body) !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-total-row strong {
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 14px !important;
line-height: 1.1 !important;
font-weight: 850 !important;
text-align: right !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table thead,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tbody,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .cart-subtotal,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .woocommerce-shipping-totals,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .fee {
display: none !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total {
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 16px !important;
margin: 0 !important;
padding: 18px 0 0 !important;
border: 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.075) !important;
background: transparent !important;
box-shadow: none !important;
outline: 0 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total th {
padding: 0 !important;
border: 0 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: -0.02em !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total td {
padding: 0 !important;
border: 0 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 24px !important;
line-height: 1 !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
text-align: right !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total td span.tax_label,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total td small.includes_tax {
display: block !important;
margin-top: 5px !important;
color: #68717d !important;
font-family: var(--font-body) !important;
font-size: 11px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
}
/* Desktop v6 Montonio bank selection feedback. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.active,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.is-active,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item[aria-pressed="true"] {
border-color: rgba(17, 20, 23, 0.42) !important;
background: #f7f8fa !important;
box-shadow: inset 0 0 0 1px rgba(17, 20, 23, 0.08), 0 14px 28px rgba(17, 20, 23, 0.035) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.active::after,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.is-active::after,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item[aria-pressed="true"]::after {
content: "" !important;
position: absolute !important;
top: 8px !important;
right: 8px !important;
width: 9px !important;
height: 9px !important;
border-radius: 999px !important;
background: #111417 !important;
}
}
/* Desktop v6 trust card below final CTA. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-trust-list {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 14px !important;
border: 1px solid rgba(25, 28, 31, 0.075) !important;
border-radius: 24px !important;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
box-shadow: 0 18px 42px rgba(25, 28, 31, 0.035) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-trust-item {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: 58px !important;
padding: 10px 12px !important;
border-radius: 18px !important;
background: rgba(248, 248, 246, 0.7) !important;
color: #5f6670 !important;
font-family: var(--font-display) !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 850 !important;
text-align: center !important;
white-space: nowrap !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-trust-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 30px !important;
width: 30px !important;
height: 30px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #111417 !important;
box-shadow: 0 8px 18px rgba(25, 28, 31, 0.04) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-trust-icon svg {
width: 15px !important;
height: 15px !important;
}
}
/* Desktop checkout v6 shipping reset: visual layer only, native pickup picker kept intact. */
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-desktop-v6-shipping-card {
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li {
position: relative !important;
display: grid !important;
grid-template-columns: 30px 72px minmax(0, 1fr) auto !important;
grid-template-areas:
"radio logo copy price"
". logo actions actions" !important;
align-items: center !important;
column-gap: 22px !important;
row-gap: 12px !important;
min-height: 112px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 20px 32px 20px 24px !important;
border: 1px solid rgba(25, 28, 31, 0.075) !important;
border-radius: 22px !important;
background: #ffffff !important;
box-shadow: 0 12px 32px rgba(25, 28, 31, 0.025) !important;
overflow: hidden !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected {
border-color: rgba(139, 125, 18, 0.34) !important;
box-shadow: inset 0 0 0 1px rgba(139, 125, 18, 0.16), 0 14px 38px rgba(139, 125, 18, 0.055) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-radio-wrap {
grid-area: radio !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping input.shipping_method {
position: static !important;
display: block !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
flex: 0 0 24px !important;
appearance: none !important;
border: 3px solid rgba(139, 125, 18, 0.55) !important;
border-radius: 999px !important;
background: #ffffff !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping input.shipping_method:checked {
border-color: #8b7d12 !important;
background: radial-gradient(circle at center, #8b7d12 0 38%, transparent 42%) #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square {
grid-area: logo !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 72px !important;
height: 72px !important;
border-radius: 18px !important;
background: #f6f5f1 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square img {
display: block !important;
width: auto !important;
height: auto !important;
max-width: 54px !important;
max-height: 42px !important;
object-fit: contain !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-info {
display: contents !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-main-row {
grid-area: copy / copy / copy / price !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 24px !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-title {
min-width: 0 !important;
font-family: var(--font-display) !important;
font-size: 21px !important;
line-height: 1.08 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-price {
justify-self: end !important;
min-width: 96px !important;
text-align: right !important;
font-family: var(--font-display) !important;
font-size: 20px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-subtitle {
grid-column: copy / price !important;
margin-top: -28px !important;
align-self: end !important;
font-family: var(--font-body) !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #72786f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-actions {
grid-area: actions !important;
display: none !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
max-width: 100% !important;
padding-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected.kis-checkout-shipping-pickup .kis-ship-actions {
display: flex !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-native-point-container {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin: 0 !important;
max-width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container button,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container .button,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-action-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 216px !important;
min-height: 42px !important;
padding: 0 22px !important;
border: 1px solid rgba(139, 125, 18, 0.38) !important;
border-radius: 999px !important;
background: #fbf7e8 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 14px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
-webkit-text-fill-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container button *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container .button * {
color: #191c1f !important;
-webkit-text-fill-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #selected-point,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-selected-point {
display: inline-flex !important;
align-items: center !important;
max-width: min(520px, 100%) !important;
margin: 0 !important;
padding: 10px 14px !important;
border: 1px solid rgba(25, 28, 31, 0.07) !important;
border-radius: 14px !important;
background: #f6f5f1 !important;
color: #50585e !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method {
display: grid !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li {
display: flex !important;
align-items: center !important;
gap: 16px !important;
min-height: 108px !important;
padding: 20px 28px 20px 22px !important;
border: 1px solid #ebe6d8 !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: none !important;
transform: none !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected {
border-color: #d8c58b !important;
box-shadow: 0 0 0 2px rgba(216, 197, 139, 0.38) inset !important;
background: #fffdf7 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-radio-wrap {
width: 28px !important;
min-width: 28px !important;
height: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping input.shipping_method {
width: 20px !important;
height: 20px !important;
accent-color: #8f7400 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
border-radius: 16px !important;
background: #f7f5ef !important;
border: 0 !important;
padding: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square img {
max-width: 48px !important;
max-height: 36px !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-info {
flex: 1 1 auto !important;
min-width: 0 !important;
display: grid !important;
gap: 3px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-main-row {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
gap: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-title {
font-size: 18px !important;
line-height: 1.12 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-price {
margin-left: auto !important;
padding-right: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
font-weight: 800 !important;
white-space: nowrap !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-subtitle {
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 650 !important;
color: #6f746e !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-actions {
display: none !important;
margin-top: 16px !important;
align-items: flex-start !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected .kis-ship-actions {
display: flex !important;
flex-direction: column !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-proxy-btn {
min-width: 220px !important;
height: 44px !important;
padding: 0 24px !important;
border: 1px solid #d8c58b !important;
border-radius: 9999px !important;
background: #fbf7e8 !important;
color: #191c1f !important;
font-size: 14px !important;
font-weight: 800 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-proxy-btn:hover {
background: #f3ead0 !important;
border-color: #c8ad59 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-selected-point {
display: inline-flex !important;
align-items: center !important;
min-height: 38px !important;
padding: 8px 14px !important;
border: 1px solid #ebe3cf !important;
border-radius: 9999px !important;
background: #fbf8f1 !important;
color: #474c50 !important;
font-size: 13px !important;
font-weight: 650 !important;
line-height: 1.35 !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shell {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(360px, 392px) !important;
gap: 44px !important;
align-items: start !important;
width: min(100% - 48px, 1280px) !important;
max-width: 1280px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-main,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-aside {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-main {
width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-aside {
width: 100% !important;
max-width: 392px !important;
justify-self: end !important;
position: sticky !important;
top: 28px !important;
z-index: 2 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-card,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details .col-1,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details .col-2,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-list,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method {
min-width: 0 !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
}
}
@media (min-width: 1024px) and (max-width: 1180px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shell {
grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
gap: 28px !important;
width: min(100% - 32px, 1120px) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-aside {
max-width: 360px !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .kis-checkout-shipping-extras {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 10px !important;
padding-left: 132px !important;
padding-right: 24px !important;
margin-top: -2px !important;
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected #select-point-container {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 10px !important;
width: 100% !important;
max-width: 520px !important;
margin: 0 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected #select-point-container a,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .portmonetka-container__btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 220px !important;
max-width: 100% !important;
min-height: 42px !important;
padding: 0 20px !important;
border: 1px solid #d8c58b !important;
border-radius: 9999px !important;
background: #f7f1dc !important;
color: #191c1f !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected #select-point-container a *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .kis-checkout-shipping-action-btn *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .portmonetka-container__btn * {
color: #191c1f !important;
fill: currentColor !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected #select-point-container a:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .kis-checkout-shipping-action-btn:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .portmonetka-container__btn:hover {
background: #f1e6bd !important;
color: #191c1f !important;
border-color: #c9b06a !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected #selected-point,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.kis-checkout-shipping-pickup.is-selected .kis-checkout-shipping-selected-point {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: 560px !important;
min-height: 40px !important;
padding: 10px 14px !important;
border: 1px solid #ebe3cf !important;
border-radius: 14px !important;
background: #fbf8f1 !important;
color: #474c50 !important;
font-size: 13px !important;
line-height: 1.45 !important;
text-align: left !important;
white-space: normal !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-extras {
padding-left: 116px !important;
padding-right: 24px !important;
justify-items: start !important;
align-items: start !important;
width: auto !important;
max-width: 620px !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 10px !important;
width: auto !important;
max-width: 560px !important;
margin: 0 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
padding: 0 18px !important;
border: 1px solid #d8c58b !important;
border-radius: 9999px !important;
background: #f7f1dc !important;
color: #191c1f !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: none !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-action-btn *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .portmonetka-container__btn *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a * {
color: inherit !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-action-btn:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .portmonetka-container__btn:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a:hover {
background: #f1e6bd !important;
color: #191c1f !important;
border-color: #c9b06a !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #selected-point {
display: inline-flex !important;
align-items: center !important;
min-height: 42px !important;
padding: 10px 16px !important;
border: 1px solid #ebe3cf !important;
border-radius: 16px !important;
background: #fbf8f1 !important;
color: #474c50 !important;
font-size: 12px !important;
line-height: 1.45 !important;
max-width: 560px !important;
text-align: left !important;
}
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products > li.product {
grid-template-columns: 72px minmax(0, 1fr) !important;
grid-template-areas:
"image title"
"image price"
"button button" !important;
gap: 8px 16px !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products > li.product > a.woocommerce-LoopProduct-link {
grid-area: image !important;
width: 72px !important;
height: 96px !important;
align-self: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .woocommerce-loop-product__title {
grid-area: title !important;
align-self: end !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .price {
grid-area: price !important;
align-self: start !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .loop-button-wrap {
grid-area: button !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method {
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method > li {
position: relative !important;
display: grid !important;
gap: 6px !important;
padding: 12px 24px 12px 18px !important;
border: 1px solid #e9e5db !important;
border-radius: 18px !important;
background: #ffffff !important;
margin: 0 !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method > li.is-selected {
border-color: #b08f16 !important;
box-shadow: 0 0 0 2px rgba(176, 143, 22, 0.28) inset !important;
background: #fffdf7 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method > li input[type="radio"] {
position: absolute !important;
left: 18px !important;
top: 24px !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
appearance: none !important;
border: 2px solid #a18f63 !important;
border-radius: 9999px !important;
background: #ffffff !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method > li input[type="radio"]:checked {
border-color: #8e7300 !important;
background:
radial-gradient(circle at center, #8e7300 0 4px, transparent 5px) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method > li.is-selected input[type="radio"] {
border-color: #8e7300 !important;
background:
radial-gradient(circle at center, #8e7300 0 4px, transparent 5px) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method > li > label {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
align-items: center !important;
gap: 14px !important;
padding-left: 28px !important;
padding-right: 128px !important;
margin: 0 !important;
width: 100% !important;
max-width: none !important;
font-weight: 400 !important;
color: #191c1f !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shipping-logo-box {
width: 56px !important;
height: 56px !important;
border-radius: 14px !important;
background: #f6f4ef !important;
display: grid !important;
place-items: center !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shipping-logo-box img {
width: auto !important;
max-width: 46px !important;
max-height: 32px !important;
height: auto !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shipping-main {
min-width: 0 !important;
display: grid !important;
gap: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-title {
font-size: 16px !important;
line-height: 1.12 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shipping-meta {
font-size: 11px !important;
line-height: 1.35 !important;
color: #6d736e !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-price {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-extras {
display: none !important;
gap: 8px !important;
margin: 0 !important;
padding-left: 132px !important;
padding-right: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
align-self: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method > li.is-selected .kis-checkout-shipping-extras {
display: grid !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-extras img {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-extras:empty {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #select-point-container {
display: grid !important;
justify-items: start !important;
gap: 10px !important;
width: 100% !important;
max-width: 420px !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #select-point-container #select-point-label {
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li {
min-height: 88px !important;
justify-items: stretch !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li > label {
display: flex !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
gap: 14px !important;
box-sizing: border-box !important;
justify-self: stretch !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-desktop-v6-shipping-main {
flex: 1 1 auto !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-shipping-price {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shipping-price-float {
position: absolute !important;
right: 24px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #191c1f !important;
white-space: nowrap !important;
pointer-events: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #select-point-container a {
justify-self: start !important;
min-height: 36px !important;
padding: 0 16px !important;
border-radius: 9999px !important;
border: 1px solid rgba(176, 143, 22, 0.24) !important;
background: #191c1f !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .portmonetka-container__btn *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #select-point-container a * {
color: inherit !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .portmonetka-container__btn:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #select-point-container a:hover {
border-color: rgba(142, 115, 0, 0.45) !important;
background: #2a2d31 !important;
color: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #selected-point {
display: inline-flex !important;
align-items: center !important;
min-height: 32px !important;
padding: 6px 10px !important;
border-radius: 12px !important;
background: #f6f4ef !important;
font-size: 12px !important;
line-height: 1.35 !important;
color: #3f4542 !important;
max-width: min(100%, 460px) !important;
white-space: normal !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) {
background: #f7f7f5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .site-header,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #masthead,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .bhfb-main_header,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .page-header,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .entry-title,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .page-title,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #order_review_heading,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) > footer,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .site-footer,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #colophon,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .checkout_coupon,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .botiga-sc-coupon,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .cuw-products.cuw-product-recommendations-template:not(.kis-checkout-desktop-v6-upsell) {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .site-main,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .content-area,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .entry-content,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce {
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host {
width: min(1240px, calc(100vw - 80px)) !important;
max-width: none !important;
margin: 0 auto !important;
padding: 24px 0 72px !important;
display: block !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host > h3,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host > .woocommerce-notices-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host > #customer_details,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host > #order_review,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host > #payment {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shell {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 28px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-topbar {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
align-items: center !important;
gap: 24px !important;
min-height: 64px !important;
padding: 0 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-brand {
font-family: "Outfit", sans-serif !important;
font-size: 28px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -0.05em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps {
display: inline-flex !important;
justify-content: center !important;
gap: 34px !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps span {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
padding-bottom: 8px !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
color: #8b816b !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps span.is-active {
color: #8f7400 !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps span.is-active::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 2px !important;
background: #d7b223 !important;
border-radius: 9999px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-topbar-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-bag-icon {
width: 18px !important;
height: 18px !important;
display: inline-block !important;
position: relative !important;
border: 1.8px solid #8f7400 !important;
border-radius: 4px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-bag-icon::before {
content: "" !important;
position: absolute !important;
left: 50% !important;
top: -5px !important;
width: 10px !important;
height: 7px !important;
transform: translateX(-50%) !important;
border: 1.8px solid #8f7400 !important;
border-bottom: 0 !important;
border-radius: 8px 8px 0 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-grid {
display: grid !important;
grid-template-columns: minmax(0, 0.9fr) 392px !important;
gap: 40px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-main,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-aside {
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-main {
display: grid !important;
gap: 42px !important;
align-content: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-aside {
position: sticky !important;
top: 24px !important;
display: grid !important;
gap: 20px !important;
align-content: start !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section {
display: grid !important;
gap: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-head {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-head h2 {
margin: 0 !important;
font-family: "Outfit", sans-serif !important;
font-size: 40px !important;
line-height: 1.05 !important;
letter-spacing: -0.05em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-card {
background: #ffffff !important;
border: 1px solid rgba(208, 198, 171, 0.25) !important;
border-radius: 16px !important;
box-shadow: 0 32px 48px -28px rgba(26, 28, 28, 0.08) !important;
padding: 26px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details .col-1,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details .col-2 {
width: 100% !important;
max-width: none !important;
float: none !important;
margin: 0 !important;
display: block !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-head-actions {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-type,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-type .woocommerce-input-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-options {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 3px !important;
border-radius: 9999px !important;
background: #f5f4f1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-choice,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-option {
min-height: 36px !important;
padding: 8px 16px !important;
border-radius: 9999px !important;
border: 0 !important;
background: transparent !important;
color: #7e7768 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-choice.is-selected,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-option.is-active {
background: #ffffff !important;
color: #191c1f !important;
box-shadow: 0 12px 20px -18px rgba(26, 28, 28, 0.22) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-billing-fields > h3,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-shipping-fields > h3,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-additional-fields > h3 {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px 20px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_email_field,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_phone_field {
grid-column: span 1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_first_name_field,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_address_1_field,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-billing-fields__field-wrapper .form-row-wide {
grid-column: 1 / -1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .form-row {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .form-row label {
display: block !important;
margin: 0 0 8px !important;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
color: #625d4d !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .input-text,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host select,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .select2-selection {
min-height: 48px !important;
height: 48px !important;
padding: 0 16px !important;
border: 1px solid #ddd6c7 !important;
border-radius: 10px !important;
background: #ffffff !important;
color: #191c1f !important;
box-shadow: none !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host textarea.input-text {
min-height: 104px !important;
height: auto !important;
padding-top: 14px !important;
padding-bottom: 14px !important;
resize: vertical !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .input-text:focus,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host select:focus,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .select2-container--focus .select2-selection {
border-color: #b39100 !important;
box-shadow: 0 0 0 3px rgba(215, 178, 35, 0.12) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-details-footer {
margin-top: 24px !important;
padding-top: 18px !important;
border-top: 1px solid rgba(208, 198, 171, 0.22) !important;
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-secondary-toggles {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-secondary-toggle {
min-height: 100% !important;
padding: 18px 18px 16px !important;
border: 1px solid rgba(208, 198, 171, 0.24) !important;
border-radius: 14px !important;
background: #fbfbf9 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle label {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
margin: 0 !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle .kis-checkout-ship-checkbox-native {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle .kis-checkout-ship-check,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle-check {
width: 24px !important;
min-width: 24px !important;
height: 24px !important;
margin-top: 2px !important;
border-radius: 8px !important;
border: 2px solid #d5cfbf !important;
background: #ffffff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
position: relative !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle .kis-checkout-ship-check::before,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle-check::before {
content: "" !important;
width: 10px !important;
height: 10px !important;
border-radius: 4px !important;
background: transparent !important;
transition: background 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle.is-checked .kis-checkout-ship-check,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle-card.is-open .kis-order-notes-toggle-check {
border-color: #191c1f !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle.is-checked .kis-checkout-ship-check::before,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle-card.is-open .kis-order-notes-toggle-check::before {
background: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle .kis-checkout-ship-copy,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle-copy {
display: grid !important;
gap: 6px !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address.kis-checkout-desktop-v6-secondary-toggle .kis-checkout-ship-copy strong,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle-copy strong {
display: block !important;
font-size: 16px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle {
width: 100% !important;
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
text-align: left !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-order-notes-toggle-copy > span {
display: block !important;
font-size: 14px !important;
line-height: 1.55 !important;
color: #6f6758 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-order-comments-field {
grid-column: 1 / -1 !important;
margin: 14px 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-order-comments-field label {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-order-comments-field textarea {
min-height: 132px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-shipping-fields,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-additional-fields {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-card {
padding: 28px !important;
background: #ffffff !important;
border: 1px solid #efefef !important;
border-radius: 20px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-eta {
margin-bottom: 24px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #6e6758 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method {
display: grid !important;
gap: 16px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li {
display: flex !important;
align-items: center !important;
gap: 16px !important;
padding: 24px !important;
border: 1px solid rgba(0,0,0,0.06) !important;
border-radius: 16px !important;
background: #ffffff !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
cursor: pointer !important;
box-shadow: 0 4px 12px -8px rgba(0,0,0,0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li:hover {
border-color: #e0e0e0 !important;
box-shadow: 0 8px 24px -12px rgba(0,0,0,0.12) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li.is-selected {
border-color: #d0c6ab !important;
background: #fbfbf9 !important;
box-shadow: 0 12px 32px -16px rgba(143, 116, 0, 0.12) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-radio-wrap {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 68px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li input[type="radio"] {
width: 22px !important;
height: 22px !important;
margin: 0 !important;
cursor: pointer !important;
accent-color: #8f7400 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-logo-square {
width: 68px !important;
height: 68px !important;
min-width: 68px !important;
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.05) !important;
border-radius: 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
padding: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-logo-square img {
max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-info {
flex-grow: 1 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-main-row {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-title {
font-family: "Aeonik Pro", "Inter", sans-serif !important;
font-size: 17px !important;
font-weight: 700 !important;
color: #191c1f !important;
letter-spacing: -0.01em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-price {
font-size: 16px !important;
font-weight: 700 !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-subtitle {
font-size: 13px !important;
color: #7c7565 !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-ship-actions {
margin-top: 14px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li #select-point-container {
display: block !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li button#select-point,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li button#change-point,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-checkout-proxy-btn {
height: 44px !important;
padding: 0 28px !important;
border-radius: 9999px !important;
background: #fbf9f2 !important;
border: 1px solid rgba(208, 198, 171, 0.4) !important;
color: #191c1f !important;
font-size: 14px !important;
font-weight: 700 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
box-shadow: none !important;
width: auto !important;
min-width: 180px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li button#select-point:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li button#change-point:hover,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-checkout-proxy-btn:hover {
background: #f7f2e1 !important;
border-color: #d0c6ab !important;
opacity: 1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method > li .kis-checkout-shipping-selected-point {
display: inline-flex !important;
align-items: center !important;
height: 38px !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: rgba(208, 198, 171, 0.08) !important;
border: 1px dashed rgba(208, 198, 171, 0.4) !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #6d675a !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-card {
display: grid !important;
gap: 18px !important;
padding: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-prepaid-reward-slot {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-nav {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill {
display: grid !important;
justify-items: center !important;
gap: 8px !important;
min-height: 92px !important;
padding: 16px 10px !important;
border: 1px solid rgba(208, 198, 171, 0.25) !important;
border-radius: 12px !important;
background: #ffffff !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active {
border-color: #b39100 !important;
background: #fbf7e8 !important;
box-shadow: inset 0 0 0 1px rgba(179, 145, 0, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill .kis-pill-copy {
font-size: 10px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 0.14em !important;
color: #7c7565 !important;
text-align: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active .kis-pill-copy {
color: #111417 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill .kis-pill-logo img {
max-height: 18px !important;
width: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment {
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li {
margin: 0 !important;
padding: 14px 16px !important;
border: 1px solid rgba(208, 198, 171, 0.22) !important;
border-radius: 12px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li.kis-checkout-desktop-v6-payment-active {
border-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li > label {
display: flex !important;
align-items: center !important;
gap: 12px !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li > label img {
max-height: 18px !important;
width: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .payment_box {
margin: 12px 0 0 !important;
padding: 16px !important;
border: 1px solid rgba(208, 198, 171, 0.18) !important;
border-radius: 12px !important;
background: #f9f9f7 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .montonio-banklist-grid,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .montonio-payments-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .montonio-banklist-grid > *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .montonio-payments-grid > * {
min-height: 74px !important;
border-radius: 10px !important;
border: 1px solid rgba(208, 198, 171, 0.24) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-privacy-policy-text {
font-size: 12px !important;
line-height: 1.55 !important;
color: #6d675a !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #place_order {
min-height: 56px !important;
padding: 0 28px !important;
border-radius: 9999px !important;
background: linear-gradient(90deg, #8a7000 0%, #d7b223 100%) !important;
border: 0 !important;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
box-shadow: 0 18px 28px -20px rgba(143, 116, 0, 0.55) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary {
padding: 24px !important;
background: #ffffff !important;
border: 1px solid rgba(208, 198, 171, 0.24) !important;
border-radius: 16px !important;
box-shadow: none !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary h3 {
margin: 0 0 18px !important;
font-family: "Outfit", sans-serif !important;
font-size: 24px !important;
line-height: 1.1 !important;
letter-spacing: -0.04em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-items {
display: grid !important;
gap: 16px !important;
margin-bottom: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-item {
display: grid !important;
grid-template-columns: 64px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-thumb {
width: 64px !important;
height: 64px !important;
border-radius: 12px !important;
background: #f2f0eb !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy {
display: grid !important;
gap: 6px !important;
padding-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy strong {
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy span {
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table thead,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tbody {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .woocommerce-shipping-totals,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-summary {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tfoot td {
padding: 8px 0 !important;
border: 0 !important;
font-size: 13px !important;
line-height: 1.4 !important;
color: #6f6758 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tfoot td {
text-align: right !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total {
display: flex !important;
justify-content: space-between !important;
align-items: flex-end !important;
gap: 12px !important;
padding-top: 14px !important;
margin-top: 14px !important;
border-top: 1px solid rgba(0,0,0,0.05) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total th {
padding: 0 !important;
font-size: 20px !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
font-weight: 700 !important;
color: #191c1f !important;
border: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total td {
padding: 0 !important;
font-size: 24px !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
font-weight: 700 !important;
color: #8f7400 !important;
text-align: right !important;
border: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total td span.tax_label {
display: block !important;
font-size: 10px !important;
font-weight: 500 !important;
color: #8b816b !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
margin-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-summary {
margin-top: 10px !important;
padding-top: 10px !important;
border-top: 1px solid rgba(208, 198, 171, 0.2) !important;
display: flex !important;
justify-content: space-between !important;
gap: 10px !important;
font-size: 12px !important;
color: #6d675a !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-summary strong {
color: #191c1f !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell {
margin: 0 !important;
padding: 24px 22px 18px !important;
border: 1px solid rgba(208, 198, 171, 0.24) !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: none !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .cuw-heading.cuw-template-title {
margin: 0 0 16px !important;
font-family: "Outfit", sans-serif !important;
font-size: 20px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
letter-spacing: -0.04em !important;
text-transform: none !important;
color: #191c1f !important;
text-align: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-slider {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-viewport {
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products {
display: flex !important;
gap: 16px !important;
margin: 0 !important;
padding: 0 !important;
will-change: transform !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products > li.product {
min-width: 100% !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
margin: 0 !important;
padding: 18px !important;
border: 1px solid rgba(208, 198, 171, 0.18) !important;
border-radius: 16px !important;
background: #fbfbf9 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products > li.product > a.woocommerce-LoopProduct-link {
display: grid !important;
grid-template-columns: 72px minmax(0, 1fr) !important;
gap: 16px !important;
align-items: center !important;
text-decoration: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell img {
width: 72px !important;
height: 96px !important;
object-fit: contain !important;
padding: 6px !important;
border-radius: 14px !important;
background: #ffffff !important;
justify-self: start !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .woocommerce-loop-product__title {
margin: 0 0 8px !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
text-align: left !important;
max-width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .price {
margin: 0 !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #191c1f !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .loop-button-wrap {
margin: 2px 0 0 !important;
display: block !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .loop-button-wrap .button {
width: 100% !important;
min-height: 44px !important;
padding: 0 18px !important;
border: 1px solid rgba(208, 198, 171, 0.5) !important;
border-radius: 9999px !important;
background: #ffffff !important;
color: #191c1f !important;
font-size: 15px !important;
font-weight: 700 !important;
box-shadow: none !important;
position: relative !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .price del,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .price ins {
display: inline-block !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .loop-button-wrap .button::before {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-arrow {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 2 !important;
width: 34px !important;
height: 34px !important;
border-radius: 9999px !important;
border: 1px solid rgba(208, 198, 171, 0.3) !important;
background: #ffffff !important;
color: #8b816b !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 8px 18px -16px rgba(25, 28, 31, 0.28) !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-arrow.is-prev {
left: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-arrow.is-next {
right: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-arrow span {
font-size: 22px !important;
line-height: 1 !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-arrow:disabled {
opacity: 0.4 !important;
cursor: default !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-dots {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
margin-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-dot {
width: 8px !important;
height: 8px !important;
border-radius: 9999px !important;
border: 0 !important;
background: #d8d8d2 !important;
padding: 0 !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell-dot.is-active {
background: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 32px !important;
align-items: start !important;
padding: 10px 8px 0 !important;
color: #807968 !important;
font-size: 13px !important;
line-height: 1.65 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer-brand {
display: grid !important;
gap: 6px !important;
max-width: 320px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer-brand strong {
color: #191c1f !important;
font-size: 14px !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer-brand p,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer-brand span {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer-links {
display: grid !important;
grid-template-columns: repeat(2, auto) !important;
gap: 8px 28px !important;
align-content: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-footer-links a {
color: #807968 !important;
text-decoration: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-desktop-v6-section-head {
align-items: center !important;
gap: 32px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-desktop-v6-head-actions {
flex: 0 0 auto !important;
min-width: 364px !important;
justify-content: flex-end !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-buyer-type,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-buyer-type .woocommerce-input-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-buyer-options {
width: 100% !important;
min-width: 364px !important;
justify-content: stretch !important;
gap: 6px !important;
padding: 7px !important;
border-radius: 9999px !important;
background: #f1f0ec !important;
box-shadow: inset 0 0 0 1px rgba(208, 198, 171, 0.14) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-buyer-choice,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-buyer-option {
flex: 1 1 50% !important;
min-height: 54px !important;
padding: 0 28px !important;
justify-content: center !important;
border-radius: 9999px !important;
font-family: "Outfit", sans-serif !important;
font-size: 19px !important;
line-height: 1 !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
color: #8b816b !important;
text-align: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-buyer-choice.is-selected,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-details .kis-checkout-buyer-option.is-active {
background: #ffffff !important;
color: #191c1f !important;
box-shadow: 0 10px 22px -18px rgba(26, 28, 31, 0.28) !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout:not(.woocommerce-order-received) .site-header,
body.woocommerce-checkout:not(.woocommerce-order-received) #masthead,
body.woocommerce-checkout:not(.woocommerce-order-received) .bhfb-main_header,
body.woocommerce-checkout:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-header,
body.woocommerce-checkout:not(.woocommerce-order-received) .entry-title,
body.woocommerce-checkout:not(.woocommerce-order-received) .page-title,
body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading,
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle,
body.woocommerce-checkout:not(.woocommerce-order-received) .checkout_coupon,
body.woocommerce-checkout:not(.woocommerce-order-received) .botiga-sc-coupon,
body.woocommerce-checkout:not(.woocommerce-order-received) .kis-checkout-desktop-v5-shell,
body.woocommerce-checkout:not(.woocommerce-order-received) .kis-checkout-desktop-shell,
body.woocommerce-checkout:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card,
body.woocommerce-checkout:not(.woocommerce-order-received) .kis-checkout-desktop-trust,
body.woocommerce-checkout:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations {
display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) {
background: #f7f8fb !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host {
width: min(1180px, calc(100vw - 72px)) !important;
max-width: none !important;
margin: 0 auto !important;
padding: 28px 0 88px !important;
display: block !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host > .woocommerce-notices-wrapper {
margin: 0 0 18px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shell {
display: grid !important;
gap: 28px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-topbar {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
align-items: center !important;
gap: 20px !important;
min-height: 44px !important;
padding: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-brand {
display: inline-flex !important;
align-items: center !important;
font-family: var(--font-display), sans-serif !important;
font-size: 22px !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps {
display: inline-flex !important;
justify-content: center !important;
gap: 26px !important;
font-size: 13px !important;
line-height: 1.2 !important;
color: #8a8f97 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps span {
position: relative !important;
padding-bottom: 8px !important;
font-weight: 500 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps .is-active {
color: #191c1f !important;
font-weight: 600 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-steps .is-active::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 2px !important;
background: #c59f17 !important;
border-radius: 9999px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 340px !important;
gap: 36px !important;
align-items: start !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-main,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-aside {
min-width: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-main {
display: grid !important;
gap: 34px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-aside {
position: sticky !important;
top: 24px !important;
display: grid !important;
gap: 18px !important;
align-content: start !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section {
display: grid !important;
gap: 14px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-head h2 {
margin: 0 !important;
font-family: var(--font-display), sans-serif !important;
font-size: 34px !important;
line-height: 1.05 !important;
letter-spacing: -0.045em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-card {
padding: 24px !important;
border: 1px solid #ece7de !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details .col-1,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #customer_details .col-2 {
width: 100% !important;
max-width: none !important;
float: none !important;
margin: 0 !important;
display: block !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-head-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-type {
margin: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-options,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-type .woocommerce-input-wrapper {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
padding: 3px !important;
border-radius: 9999px !important;
background: #f3f4f6 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-choice,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-option {
min-height: 36px !important;
padding: 8px 16px !important;
border: 0 !important;
border-radius: 9999px !important;
background: transparent !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #6b7179 !important;
box-shadow: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-choice.is-selected,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-buyer-option.is-active {
background: #ffffff !important;
color: #191c1f !important;
box-shadow: 0 1px 2px rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-billing-fields > h3,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-shipping-fields > h3,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-additional-fields > h3 {
display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_email_field,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_phone_field {
grid-column: span 1 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-billing-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-billing-fields__field-wrapper .validate-required,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_first_name_field,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #billing_address_1_field {
grid-column: 1 / -1 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .form-row {
margin: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .form-row label {
display: block !important;
margin: 0 0 6px !important;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #5f6670 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .input-text,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host select,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .select2-selection {
min-height: 44px !important;
padding: 0 14px !important;
border: 1px solid #d8dde5 !important;
border-radius: 10px !important;
background: #ffffff !important;
box-shadow: none !important;
font-size: 14px !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-details-footer {
display: grid !important;
gap: 14px !important;
margin-top: 18px !important;
padding-top: 16px !important;
border-top: 1px solid #efebe5 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-shipping-fields,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-additional-fields {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #ship-to-different-address .checkbox,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-additional-toggle {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 13px !important;
color: #5f6670 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .shipping_address,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-additional-content {
margin-top: 12px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-eta {
margin-bottom: 14px !important;
font-size: 13px !important;
line-height: 1.45 !important;
color: #7a8189 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method {
display: grid !important;
gap: 10px !important;
margin: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method li {
position: relative !important;
display: grid !important;
gap: 8px !important;
margin: 0 !important;
padding: 14px 16px 14px 50px !important;
border: 1px solid #e7eaf0 !important;
border-radius: 12px !important;
background: #ffffff !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method li:has(input:checked) {
border-color: #c59f17 !important;
box-shadow: 0 0 0 1px #c59f17 inset !important;
background: #fffdf6 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method input[type="radio"] {
position: absolute !important;
left: 18px !important;
top: 17px !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
margin: 0 !important;
font-size: 15px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #shipping_method .amount {
font-size: 14px !important;
line-height: 1 !important;
font-weight: 600 !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .shipping-method-description {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .shipping-method-description img {
width: auto !important;
max-width: 58px !important;
height: 22px !important;
object-fit: contain !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .shipping-method-description p,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .shipping-method-description small {
margin: 0 !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #8a919a !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-shipping-action-btn,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .portmonetka-container__btn,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #select-point-container a {
min-height: 36px !important;
padding: 0 16px !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-card {
padding-top: 20px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-nav {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
margin-bottom: 16px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill {
min-height: 74px !important;
padding: 14px 10px !important;
border: 1px solid #d8dde5 !important;
border-radius: 12px !important;
background: #ffffff !important;
display: grid !important;
gap: 6px !important;
justify-items: center !important;
align-content: center !important;
text-align: center !important;
cursor: pointer !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active {
border-color: #c59f17 !important;
box-shadow: 0 0 0 1px #c59f17 inset !important;
background: #fffdf6 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill .kis-pill-copy {
font-size: 10px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #6d737a !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active .kis-pill-copy {
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill .kis-pill-logo img {
max-height: 18px !important;
width: auto !important;
object-fit: contain !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .wc_payment_methods {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .wc_payment_methods > li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .wc_payment_methods > li > label,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .wc_payment_methods > li > input {
display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .wc_payment_methods > li:not(.kis-checkout-desktop-v6-payment-active) .payment_box {
display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .payment_box {
margin: 0 !important;
padding: 10px 0 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .montonio-bank-items--grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 12px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .montonio-bank-item {
min-height: 64px !important;
border: 1px solid #dde2e8 !important;
border-radius: 10px !important;
background: #ffffff !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-prepaid-reward-box {
width: 100% !important;
margin: 0 0 14px !important;
padding: 12px 14px !important;
border: 1px solid #e6dcc7 !important;
border-radius: 12px !important;
background: #faf8f3 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-privacy-policy-text,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-terms-and-conditions-wrapper p {
font-size: 11px !important;
line-height: 1.5 !important;
color: #7b828a !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .form-row.place-order {
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid #efebe5 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #place_order {
min-height: 50px !important;
border: 0 !important;
border-radius: 9999px !important;
background: linear-gradient(90deg, #8e7300 0%, #c59f17 100%) !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 700 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary {
display: grid !important;
gap: 18px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary h3 {
margin: 0 !important;
font-family: var(--font-display), sans-serif !important;
font-size: 20px !important;
line-height: 1.1 !important;
letter-spacing: -0.03em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-items {
display: grid !important;
gap: 14px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-item {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: center !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-thumb {
width: 56px !important;
height: 56px !important;
border-radius: 12px !important;
border: 1px solid #ece7de !important;
background: #f6f7fa !important;
overflow: hidden !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy {
display: grid !important;
gap: 3px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy strong {
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-copy span {
font-size: 12px !important;
line-height: 1.35 !important;
color: #5f6670 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table {
width: 100% !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table thead,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tbody {
display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tfoot td {
padding: 8px 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #7a8189 !important;
border-color: rgba(236, 231, 222, 0.8) !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total td {
padding-top: 12px !important;
font-size: 17px !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-shipping-summary {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin-top: 6px !important;
font-size: 11px !important;
color: #5f6670 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell {
padding: 18px !important;
border: 2px solid #ecd059 !important;
border-radius: 16px !important;
background: #fffaf0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .cuw-heading.cuw-template-title {
margin: 0 0 12px !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
color: #8e7300 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products > li.product {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) auto !important;
gap: 10px !important;
align-items: center !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell ul.products > li.product > a.woocommerce-LoopProduct-link {
width: 52px !important;
height: 52px !important;
border-radius: 12px !important;
border: 1px solid #efe2a7 !important;
background: #ffffff !important;
overflow: hidden !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .woocommerce-loop-product__title {
font-size: 12px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-align: left !important;
color: #191c1f !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .price {
margin-top: 2px !important;
font-size: 12px !important;
text-align: left !important;
color: #8e7300 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .loop-button-wrap .button {
min-width: 28px !important;
width: 28px !important;
height: 28px !important;
min-height: 28px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 9999px !important;
background: #8e7300 !important;
color: #ffffff !important;
font-size: 0 !important;
position: relative !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-upsell .loop-button-wrap .button::before {
content: "+" !important;
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 17px !important;
line-height: 1 !important;
font-weight: 700 !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) {
background: #f7f8fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .page-header,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #order_review_heading,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v5-shell,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v5-heading,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v5-aside,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v5-upsell,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v5-trust {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout {
width: min(1320px, calc(100vw - 96px)) !important;
max-width: none !important;
margin: 0 auto !important;
padding: 24px 0 88px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shell {
display: grid !important;
gap: 40px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-topbar {
display: grid !important;
grid-template-columns: auto 1fr auto !important;
align-items: center !important;
gap: 24px !important;
padding: 8px 0 12px !important;
border-bottom: 1px solid #ece8e1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-brand {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 24px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: -0.04em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-brand img {
width: 32px !important;
height: 32px !important;
object-fit: contain !important;
border-radius: 9999px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-steps {
display: inline-flex !important;
justify-content: center !important;
gap: 28px !important;
font-size: 14px !important;
line-height: 1.2 !important;
color: #8c928f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-steps span {
position: relative !important;
padding-bottom: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-steps .is-active {
color: #191c1f !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-steps .is-active::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 2px !important;
border-radius: 9999px !important;
background: #c59f17 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 360px !important;
gap: 44px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-main {
display: grid !important;
gap: 44px !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-aside {
position: sticky !important;
top: 32px !important;
display: grid !important;
gap: 18px !important;
align-content: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-section {
display: grid !important;
gap: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-section-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-section-head h2 {
margin: 0 !important;
font-size: 42px !important;
line-height: 1.05 !important;
letter-spacing: -0.045em !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-card {
padding: 28px !important;
border: 1px solid #ebe6de !important;
border-radius: 22px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary {
display: grid !important;
gap: 22px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary h3 {
margin: 0 !important;
font-size: 28px !important;
line-height: 1.1 !important;
letter-spacing: -0.03em !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-items {
display: grid !important;
gap: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-item {
display: grid !important;
grid-template-columns: 72px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-thumb {
width: 72px !important;
height: 72px !important;
border-radius: 16px !important;
border: 1px solid #eee8df !important;
background: #f6f7fa !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-copy {
display: grid !important;
gap: 4px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-copy strong {
font-size: 15px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-copy span {
font-size: 14px !important;
line-height: 1.4 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table thead,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tbody {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table tfoot td {
padding: 10px 0 !important;
font-size: 14px !important;
line-height: 1.4 !important;
color: #696f6c !important;
border-color: rgba(235, 230, 222, 0.8) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-summary-review .woocommerce-checkout-review-order-table .order-total td {
padding-top: 18px !important;
font-size: 34px !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
font-weight: 700 !important;
color: #c59f17 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shipping-summary {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-top: 6px !important;
font-size: 13px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell {
padding: 20px !important;
border: 2px solid #e6c54a !important;
border-radius: 18px !important;
background: #fffaf0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell .cuw-heading.cuw-template-title {
margin: 0 0 14px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: #8e7300 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell ul.products {
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell ul.products > li.product {
display: grid !important;
grid-template-columns: 64px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell ul.products > li.product > a.woocommerce-LoopProduct-link {
width: 64px !important;
height: 64px !important;
border-radius: 14px !important;
border: 1px solid #efe2a7 !important;
background: #ffffff !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell .woocommerce-loop-product__title {
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-align: left !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell .price {
margin-top: 2px !important;
font-size: 13px !important;
text-align: left !important;
color: #8e7300 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell .loop-button-wrap .button {
min-width: 34px !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border-radius: 9999px !important;
background: #8e7300 !important;
color: #ffffff !important;
font-size: 0 !important;
position: relative !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-upsell .loop-button-wrap .button::before {
content: "+" !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 700 !important;
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #customer_details {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #customer_details .col-1,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #customer_details .col-2 {
width: 100% !important;
max-width: none !important;
float: none !important;
margin: 0 !important;
display: block !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-billing-fields > h3,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-shipping-fields > h3,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-additional-fields > h3 {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-head-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
min-width: 260px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-buyer-options,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
display: inline-flex !important;
gap: 0 !important;
padding: 4px !important;
border-radius: 9999px !important;
background: #f3f4f6 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-buyer-choice,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-buyer-option {
min-height: 42px !important;
padding: 10px 18px !important;
border: 0 !important;
border-radius: 9999px !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-buyer-choice.is-selected,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-buyer-option.is-active {
background: #ffffff !important;
box-shadow: 0 1px 2px rgba(17, 24, 39, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-billing-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-billing-fields__field-wrapper .validate-required {
grid-column: span 2 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .form-row {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .form-row label {
display: block !important;
margin: 0 0 8px !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #4e5653 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .select2-selection {
min-height: 48px !important;
border: 1px solid #dcdfe4 !important;
border-radius: 12px !important;
background: #ffffff !important;
box-shadow: none !important;
font-size: 14px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-details-footer {
display: grid !important;
gap: 16px !important;
margin-top: 22px !important;
padding-top: 18px !important;
border-top: 1px solid #efebe5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-shipping-fields,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-additional-fields {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #ship-to-different-address {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #ship-to-different-address .checkbox,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-additional-toggle {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
font-size: 14px !important;
color: #4e5653 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .shipping_address,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-additional-content {
margin-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-shipping-eta {
margin-bottom: 18px !important;
font-size: 14px !important;
line-height: 1.4 !important;
color: #6f7573 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method {
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method li {
position: relative !important;
display: grid !important;
gap: 10px !important;
padding: 18px 20px 18px 56px !important;
border: 1px solid #e7e9ee !important;
border-radius: 16px !important;
background: #ffffff !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method li:has(input:checked) {
border-color: #191c1f !important;
box-shadow: 0 0 0 1px #191c1f inset !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method input[type="radio"] {
position: absolute !important;
left: 20px !important;
top: 20px !important;
width: 18px !important;
height: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
font-size: 17px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #shipping_method .amount {
font-size: 15px !important;
line-height: 1 !important;
font-weight: 700 !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .shipping-method-description {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .shipping-method-description img {
width: auto !important;
height: 28px !important;
max-width: 72px !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .shipping-method-description p,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .shipping-method-description small {
margin: 0 !important;
font-size: 12px !important;
line-height: 1.35 !important;
color: #8a918f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #select-point-container a {
min-height: 40px !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-payment-nav {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 12px !important;
margin-bottom: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-payment-pill {
min-height: 88px !important;
padding: 12px 10px !important;
border: 1px solid #d9ddd9 !important;
border-radius: 14px !important;
background: #ffffff !important;
display: grid !important;
gap: 8px !important;
justify-items: center !important;
align-content: center !important;
text-align: center !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-payment-pill.is-active {
border-color: rgba(17, 20, 23, 0.34) !important;
box-shadow: inset 0 0 0 1px rgba(17, 20, 23, 0.055), 0 12px 30px rgba(17, 20, 23, 0.035) !important;
background: #f7f8fa !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-payment-pill .kis-pill-copy {
font-size: 11px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #6a706d !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-payment-pill.is-active .kis-pill-copy {
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-payment-pill .kis-pill-logo img {
max-height: 18px !important;
width: auto !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #payment {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #payment .wc_payment_methods {
border: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #payment .wc_payment_methods > li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #payment .wc_payment_methods > li > label,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #payment .wc_payment_methods > li > input {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #payment .wc_payment_methods > li:not(.kis-checkout-desktop-v6-payment-active) .payment_box {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .payment_box {
margin: 0 !important;
padding: 18px 0 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .montonio-bank-items--grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .montonio-bank-item {
min-height: 70px !important;
border: 1px solid #e3e7ea !important;
border-radius: 12px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-desktop-v6-prepaid-slot {
margin-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box {
width: 100% !important;
margin: 0 0 14px !important;
padding: 14px 16px !important;
border: 1px solid #e5ddd0 !important;
border-radius: 14px !important;
background: #faf8f5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p {
font-size: 12px !important;
line-height: 1.5 !important;
color: #717775 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .form-row.place-order {
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid #efebe5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #place_order {
min-height: 52px !important;
border: 0 !important;
border-radius: 9999px !important;
background: #c59f17 !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .page-header,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .site-footer {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) form.checkout {
max-width: 1480px !important;
margin: 0 auto !important;
padding: 28px 36px 88px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v4-shell {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 430px !important;
gap: 56px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v4-main {
display: grid !important;
gap: 34px !important;
align-content: start !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v4-aside {
position: sticky !important;
top: 40px !important;
align-self: start !important;
display: grid !important;
gap: 20px !important;
align-content: start !important;
min-width: 0 !important;
padding: 32px 28px !important;
background: #f6f2ec !important;
border-left: 1px solid #e8e0d5 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v4-hero {
display: grid !important;
gap: 8px !important;
margin: 0 0 6px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v4-kicker {
font-size: 12px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: #8b847a !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v4-title {
margin: 0 !important;
font-size: 42px !important;
line-height: 1.02 !important;
letter-spacing: -0.045em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-section,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-section h3,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 18px !important;
font-size: 28px !important;
line-height: 1.08 !important;
letter-spacing: -0.03em !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 18px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-buyer-options,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-buyer-choice,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-buyer-option {
min-height: 58px !important;
padding: 16px 18px !important;
border: 1px solid #dcd6cc !important;
border-radius: 12px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-buyer-choice.is-selected,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-buyer-option.is-active {
border-color: #191c1f !important;
box-shadow: 0 0 0 1px #191c1f inset !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .form-row {
margin-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .form-row label {
margin-bottom: 7px !important;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #4e565f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .select2-selection {
min-height: 50px !important;
border: 1px solid #ddd6cb !important;
border-radius: 12px !important;
background: #ffffff !important;
box-shadow: none !important;
font-size: 14px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
gap: 12px !important;
margin-top: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
padding: 18px !important;
border: 1px solid #e3ddd3 !important;
border-radius: 14px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
display: grid !important;
gap: 12px !important;
margin: 0 0 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-free-shipping-hint,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
padding: 14px 16px !important;
border: 1px solid #e6dfd5 !important;
border-radius: 12px !important;
background: #faf8f5 !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-free-shipping-track {
height: 4px !important;
margin-top: 10px !important;
border-radius: 9999px !important;
background: rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods {
display: block !important;
border: 1px solid #e4ddd3 !important;
border-radius: 14px !important;
background: #ffffff !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods > li {
margin: 0 !important;
padding: 18px 20px 18px 54px !important;
border: 0 !important;
border-bottom: 1px solid #eee7dd !important;
background: #ffffff !important;
border-radius: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) #shipping_method li:last-child,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods > li:last-child {
border-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) #shipping_method li:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods > li:has(input:checked) {
background: #faf8f5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
top: 20px !important;
left: 18px !important;
width: 16px !important;
height: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-shipping-row,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods > li > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 16px !important;
line-height: 1.22 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .wc_payment_methods .amount {
font-size: 15px !important;
line-height: 1 !important;
font-weight: 600 !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .shipping-method-description,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .payment_box {
margin-top: 10px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 28px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) #select-point-container a {
min-height: 38px !important;
padding: 0 16px !important;
border-radius: 9999px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-summary {
margin: 0 !important;
padding: 0 0 18px !important;
border: 0 !important;
background: transparent !important;
border-bottom: 1px solid #e1d8cd !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 14px !important;
padding: 0 !important;
min-height: auto !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
color: #8a8278 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-items {
display: grid !important;
gap: 12px !important;
margin: 0 0 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-item {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-thumb {
width: 58px !important;
height: 58px !important;
display: block !important;
border-radius: 10px !important;
border: 1px solid #e5ddd2 !important;
background: #ffffff !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-copy strong {
display: block !important;
margin: 0 0 3px !important;
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-copy span,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-summary-price {
font-size: 12px !important;
line-height: 1.4 !important;
color: #6b6f78 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 10px 0 !important;
border-color: #e7ddd2 !important;
font-size: 13px !important;
color: #5f665f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 14px !important;
font-size: 34px !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell,
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust {
margin: 0 !important;
padding: 20px 0 0 !important;
border: 0 !important;
background: transparent !important;
border-top: 1px solid #e1d8cd !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell .cuw-template-title {
margin: 0 0 14px !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
color: #8a8278 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) auto !important;
gap: 10px !important;
align-items: center !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product > a.woocommerce-LoopProduct-link {
width: 52px !important;
height: 52px !important;
border-radius: 10px !important;
border: 1px solid #e4dccf !important;
background: #ffffff !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product .woocommerce-loop-product__title {
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product .price {
font-size: 12px !important;
text-align: left !important;
color: #696f79 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell .loop-button-wrap .button {
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 9999px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust {
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust .kis-checkout-desktop-trust-item {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust .kis-checkout-desktop-trust-kicker {
display: block !important;
margin-bottom: 2px !important;
font-size: 11px !important;
line-height: 1.2 !important;
color: #878176 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v4:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust .kis-checkout-desktop-trust-item strong {
font-size: 13px !important;
line-height: 1.4 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
}
@media (min-width: 993px) {
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .site-header,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .bhfb-header,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .page-header,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .site-footer,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-ft {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #content {
padding: 0 !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) form.checkout {
width: 100% !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 0 40px 80px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-shell {
display: grid !important;
grid-template-columns: 1fr 420px !important;
gap: 80px !important;
align-items: start !important;
}
/* Minimal Header */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
height: 100px !important;
margin-bottom: 20px !important;
grid-column: 1 / -1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-v5-logo img {
height: 48px !important;
width: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-header-steps {
display: flex !important;
gap: 32px !important;
font-family: var(--font-display);
font-size: 14px !important;
font-weight: 500 !important;
color: #8d969e !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-header-step.is-active {
color: #191c1f !important;
}
/* Main Content Area */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-main {
display: grid !important;
gap: 48px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-heading {
margin-bottom: -10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-kicker {
font-family: var(--font-display);
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: #8d969e !important;
margin-bottom: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-title {
font-family: var(--font-display);
font-size: 56px !important;
font-weight: 500 !important;
line-height: 1.0 !important;
letter-spacing: -0.04em !important;
color: #191c1f !important;
margin: 0 !important;
}
/* Forms & Fields */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-customer h3,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-section-head h3 {
font-family: var(--font-display);
font-size: 32px !important;
font-weight: 500 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
margin-bottom: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .form-row {
margin-bottom: 20px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .form-row label {
display: block !important;
font-size: 12px !important;
font-weight: 600 !important;
color: #505a63 !important;
margin-bottom: 8px !important;
letter-spacing: 0.02em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .select2-selection {
height: 56px !important;
border: 1px solid #c9c9cd !important;
border-radius: 12px !important;
padding: 0 16px !important;
font-family: var(--font-body);
font-size: 16px !important;
color: #191c1f !important;
background: #ffffff !important;
transition: border-color 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .input-text:focus {
border-color: #191c1f !important;
outline: none !important;
}
/* Checkout Options Grid */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .wc_payment_methods {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
background: transparent !important;
border: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .wc_payment_methods > li {
position: relative !important;
padding: 24px !important;
background: #ffffff !important;
border: 1px solid #c9c9cd !important;
border-radius: 20px !important;
margin: 0 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #shipping_method li:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .wc_payment_methods > li:has(input:checked) {
border-color: #191c1f !important;
background: #f4f4f4 !important;
box-shadow: 0 0 0 1px #191c1f inset !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
position: absolute !important;
top: 24px !important;
right: 24px !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #shipping_method label,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .wc_payment_methods > li > label {
display: block !important;
font-family: var(--font-display);
font-size: 18px !important;
font-weight: 500 !important;
color: #191c1f !important;
margin: 0 !important;
padding-right: 30px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #shipping_method .amount,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .wc_payment_methods .amount {
display: block !important;
margin-top: 8px !important;
font-size: 15px !important;
color: #505a63 !important;
}
/* Aside / Sticky Sidebar */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-aside {
position: sticky !important;
top: 40px !important;
background: #f4f4f4 !important;
border-radius: 32px !important;
padding: 40px !important;
display: grid !important;
gap: 32px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary-kicker {
font-family: var(--font-display);
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
color: #8d969e !important;
margin-bottom: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary-item {
display: flex !important;
gap: 16px !important;
margin-bottom: 16px !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary-thumb {
width: 64px !important;
height: 64px !important;
border-radius: 12px !important;
background: #ffffff !important;
padding: 4px !important;
flex-shrink: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary-copy strong {
display: block !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #191c1f !important;
margin-bottom: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary-copy span {
font-size: 13px !important;
color: #505a63 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-summary-price {
margin-left: auto !important;
font-weight: 600 !important;
font-size: 15px !important;
color: #191c1f !important;
}
/* Summary Totals Table */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 12px 0 !important;
border: none !important;
font-size: 15px !important;
color: #505a63 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 24px !important;
border-top: 1px solid #c9c9cd !important;
font-family: var(--font-display) !important;
font-size: 44px !important;
font-weight: 500 !important;
letter-spacing: -0.04em !important;
color: #191c1f !important;
}
/* Upsells (Dobierz do zamówienia) */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-upsell {
background: #ffffff !important;
border-radius: 24px !important;
padding: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-upsell .cuw-template-title {
font-family: var(--font-display) !important;
font-size: 16px !important;
font-weight: 500 !important;
margin-bottom: 16px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-upsell ul.products {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-upsell ul.products li.product {
display: flex !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-upsell .woocommerce-loop-product__title {
font-size: 14px !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) .kis-checkout-desktop-v5-upsell .button {
padding: 8px 16px !important;
font-size: 12px !important;
background: #191c1f !important;
color: #ffffff !important;
border-radius: 9999px !important;
}
/* Order Button */
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #place_order {
width: 100% !important;
height: 64px !important;
background: #191c1f !important;
color: #ffffff !important;
border-radius: 9999px !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
font-weight: 500 !important;
transition: opacity 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v5:not(.woocommerce-order-received) #place_order:hover {
opacity: 0.9 !important;
}
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .site-main,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-content {
overflow: visible !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .page-header,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-content > .woocommerce {
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .page-header {
margin-bottom: 20px !important;
padding: 0 28px !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .page-title {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
width: 100% !important;
font-size: 52px !important;
line-height: 1.02 !important;
letter-spacing: -0.04em !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shell {
width: min(1440px, calc(100vw - 64px)) !important;
margin: 0 auto 72px !important;
padding: 0 28px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 420px !important;
gap: 52px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-main {
min-width: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 22px !important;
align-content: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside {
min-width: 0 !important;
display: grid !important;
gap: 18px !important;
align-content: start !important;
position: sticky !important;
top: 104px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-customer,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details.col2-set {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 22px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside-module,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 28px !important;
background: #ffffff !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-fields,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card {
padding: 28px 30px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-fields h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 16px !important;
font-size: 28px !important;
line-height: 1.08 !important;
letter-spacing: -0.03em !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row {
margin-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row label {
margin-bottom: 8px !important;
font-size: 12px !important;
line-height: 1.3 !important;
letter-spacing: 0.03em !important;
font-weight: 600 !important;
color: #6a727b !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .select2-selection {
min-height: 56px !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
border-radius: 18px !important;
background: #f7f8fb !important;
color: #191c1f !important;
font-size: 15px !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text:focus,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) select:focus,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .select2-selection:focus {
border-color: rgba(25, 28, 31, 0.18) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-options {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-option {
min-height: 72px !important;
padding: 18px 20px !important;
border-radius: 20px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-option.is-active {
background: #ffffff !important;
border-color: rgba(25, 28, 31, 0.18) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-option-label {
font-size: 17px !important;
line-height: 1.15 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
grid-template-columns: minmax(0, 1fr) !important;
gap: 10px !important;
margin-top: 6px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy strong,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy strong {
font-size: 17px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy span {
font-size: 13px !important;
line-height: 1.45 !important;
color: #6a727b !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
margin: 0 0 8px !important;
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-hint,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
margin: 0 !important;
padding: 14px 16px !important;
border-radius: 18px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
font-size: 13px !important;
line-height: 1.45 !important;
color: #505a63 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-copy strong {
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-track {
margin-top: 10px !important;
height: 4px !important;
border-radius: 9999px !important;
background: rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li {
padding: 18px 22px 18px 54px !important;
border-radius: 20px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
transition: border-color 0.18s ease, background-color 0.18s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li.payment_method_wc_montonio_payments:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li.payment_method_montonio_blik:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li.payment_method_montonio_card:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li.payment_method_bacs:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li.payment_method_cod:has(input:checked) {
background: #f7f8fb !important;
border-color: rgba(25, 28, 31, 0.16) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
top: 22px !important;
left: 22px !important;
width: 16px !important;
height: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-row,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 16px !important;
line-height: 1.22 !important;
font-weight: 600 !important;
color: #191c1f !important;
letter-spacing: -0.01em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods .amount {
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
margin-right: 4px !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-extras,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
padding: 14px 16px !important;
border-radius: 18px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box p {
font-size: 13px !important;
line-height: 1.5 !important;
color: #616973 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #select-point-container a {
min-height: 38px !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #selected-point {
margin-top: 8px !important;
padding: 10px 12px !important;
border-radius: 14px !important;
background: #f7f8fb !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #616973 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card {
padding: 26px 26px 22px !important;
border-radius: 26px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 14px !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #6a727b !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table {
border: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 11px 0 !important;
border-color: rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary strong {
font-size: 14px !important;
line-height: 1.35 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary small {
font-size: 12px !important;
line-height: 1.45 !important;
color: #6a727b !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 16px !important;
font-size: 34px !important;
line-height: 1.02 !important;
letter-spacing: -0.04em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations {
padding: 20px !important;
margin: 0 !important;
background: #ffffff !important;
border-radius: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations .cuw-template-title {
margin: 0 0 12px !important;
font-size: 18px !important;
line-height: 1.08 !important;
letter-spacing: -0.03em !important;
font-weight: 500 !important;
color: #191c1f !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
gap: 6px 10px !important;
align-items: center !important;
padding: 12px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #f7f8fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product > a.woocommerce-LoopProduct-link {
grid-row: 1 / span 2 !important;
width: 56px !important;
height: 56px !important;
border-radius: 12px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .woocommerce-loop-product__title {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.24 !important;
font-weight: 600 !important;
color: #191c1f !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .price {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.3 !important;
color: #616973 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .loop-button-wrap {
grid-column: 1 / -1 !important;
margin-top: 4px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .loop-button-wrap .button {
width: 100% !important;
min-height: 36px !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
color: #191c1f !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
padding: 18px 20px !important;
display: grid !important;
gap: 12px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 24px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-kicker {
display: block !important;
margin-bottom: 2px !important;
font-size: 10px !important;
line-height: 1.2 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #6a727b !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item strong {
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p {
font-size: 12px !important;
line-height: 1.55 !important;
color: #6a727b !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row.place-order {
margin-top: 14px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #place_order {
min-height: 52px !important;
border-radius: 9999px !important;
font-size: 15px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card {
padding-bottom: 26px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
padding-right: 6px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card .wc_payment_method {
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .montonio-bank-items--grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .montonio-bank-item {
min-height: 72px !important;
border-radius: 16px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
width: 100% !important;
max-width: 100% !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) form.checkout,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .page-header {
max-width: 1360px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .page-header {
margin: 0 auto 18px !important;
padding: 0 28px !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .entry-title,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .page-title {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 42px !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
text-align: left !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) form.checkout {
margin: 0 auto !important;
padding: 0 28px 72px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-shell {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 420px !important;
gap: 44px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-main {
min-width: 0 !important;
display: grid !important;
gap: 30px !important;
align-content: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-customer {
gap: 30px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-aside {
position: sticky !important;
top: 88px !important;
display: grid !important;
gap: 0 !important;
align-content: start !important;
padding: 28px 30px !important;
border-left: 1px solid #e5e1da !important;
background: #f5f4f1 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-section {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-section h3,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 14px !important;
font-size: 20px !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 16px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-options,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-choice,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-option {
min-height: 52px !important;
padding: 14px 16px !important;
border: 1px solid #d9d6d0 !important;
border-radius: 8px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-choice.is-selected,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-option.is-active {
border-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-choice-text,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-buyer-option-label {
font-size: 15px !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .form-row {
margin-bottom: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .form-row label {
margin-bottom: 6px !important;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #424852 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .select2-selection {
min-height: 48px !important;
padding-inline: 14px !important;
border: 1px solid #d9d6d0 !important;
border-radius: 8px !important;
background: #ffffff !important;
color: #191c1f !important;
font-size: 14px !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
gap: 10px !important;
margin-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
padding: 16px !important;
border: 1px solid #d9d6d0 !important;
border-radius: 8px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-ship-copy strong,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-order-notes-toggle-copy strong {
font-size: 15px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-ship-copy span,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-order-notes-toggle-copy span {
font-size: 12px !important;
line-height: 1.45 !important;
color: #6b7380 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
gap: 10px !important;
margin: 0 0 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-free-shipping-hint,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
padding: 10px 12px !important;
border: 1px solid #dfdcd6 !important;
border-radius: 8px !important;
background: #faf9f7 !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-free-shipping-track {
height: 3px !important;
margin-top: 10px !important;
border-radius: 9999px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods {
display: block !important;
border: 1px solid #d9d6d0 !important;
border-radius: 8px !important;
background: #ffffff !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods > li {
margin: 0 !important;
padding: 16px 18px 16px 48px !important;
border: 0 !important;
border-bottom: 1px solid #ece9e3 !important;
border-radius: 0 !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #shipping_method li:last-child,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods > li:last-child {
border-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #shipping_method li:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods > li:has(input:checked) {
background: #faf9f7 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
top: 18px !important;
left: 16px !important;
width: 16px !important;
height: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-shipping-row,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods > li > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .wc_payment_methods .amount {
font-size: 14px !important;
font-weight: 600 !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .shipping-method-description,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .payment_box {
margin-top: 10px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .shipping-method-description p,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .payment_box p {
font-size: 12px !important;
line-height: 1.45 !important;
color: #6b7380 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 22px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #select-point-container a {
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 9999px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #selected-point {
margin-top: 8px !important;
padding: 8px 10px !important;
border-radius: 6px !important;
background: #f1f1ef !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box {
padding: 12px 14px !important;
border: 1px solid #d9d6d0 !important;
border-radius: 8px !important;
background: #faf9f7 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-title {
font-size: 15px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-copy {
font-size: 12px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-summary {
padding: 0 0 18px !important;
margin: 0 !important;
border: 0 !important;
border-bottom: 1px solid #dedad3 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 12px !important;
min-height: auto !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table {
width: 100% !important;
border: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item td,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 10px 0 !important;
border-color: #e8e4dd !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary strong {
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee th,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee td,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary span,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary small {
font-size: 12px !important;
color: #616973 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 12px !important;
font-size: 28px !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell {
margin: 18px 0 0 !important;
padding: 18px 0 !important;
border: 0 !important;
border-bottom: 1px solid #dedad3 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell .cuw-template-title {
margin: 0 0 12px !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: #191c1f !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product {
display: grid !important;
grid-template-columns: 46px minmax(0, 1fr) auto !important;
gap: 6px 10px !important;
align-items: center !important;
padding: 10px 0 !important;
border: 0 !important;
border-bottom: 1px solid #e9e5df !important;
background: transparent !important;
border-radius: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product:last-child {
border-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product > a.woocommerce-LoopProduct-link {
grid-row: 1 / span 2 !important;
width: 46px !important;
height: 46px !important;
border-radius: 6px !important;
border: 1px solid #e4e1db !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product .woocommerce-loop-product__title {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product .price {
margin: 0 !important;
font-size: 12px !important;
color: #616973 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product .loop-button-wrap {
grid-column: 3 !important;
grid-row: 1 / span 2 !important;
margin: 0 !important;
align-self: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-upsell ul.products > li.product .loop-button-wrap .button {
min-height: 30px !important;
width: auto !important;
padding: 0 12px !important;
border-radius: 6px !important;
background: #191c1f !important;
color: #ffffff !important;
border: 0 !important;
font-size: 11px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust {
margin-top: 18px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust .kis-checkout-desktop-trust-item {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust .kis-checkout-desktop-trust-kicker {
display: block !important;
margin-bottom: 2px !important;
font-size: 11px !important;
line-height: 1.2 !important;
color: #616973 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .kis-checkout-desktop-v3-trust .kis-checkout-desktop-trust-item strong {
font-size: 13px !important;
line-height: 1.4 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .montonio-bank-items--grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .montonio-bank-item {
min-height: 60px !important;
border-radius: 6px !important;
border: 1px solid #e1ddd7 !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p {
font-size: 12px !important;
line-height: 1.5 !important;
color: #616973 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) .form-row.place-order {
margin-top: 14px !important;
padding-top: 12px !important;
border-top: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v3:not(.woocommerce-order-received) #place_order {
min-height: 46px !important;
border-radius: 6px !important;
font-size: 14px !important;
font-weight: 600 !important;
background: #191c1f !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .page-header,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-content > .woocommerce,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) form.checkout {
max-width: 1380px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .page-header {
padding: 0 24px !important;
margin: 0 auto 22px !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .page-title {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 40px !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
text-align: left !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) form.checkout {
padding: 0 24px 72px !important;
margin: 0 auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shell {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
grid-template-columns: minmax(0, 1fr) 430px !important;
gap: 42px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-main {
gap: 34px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-customer,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details.col2-set {
gap: 34px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside {
position: sticky !important;
top: 88px !important;
gap: 0 !important;
padding: 26px 28px !important;
border: 1px solid #e6e3dd !important;
border-radius: 0 !important;
background: #f5f4f1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-fields,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-fields h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 14px !important;
font-size: 22px !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 14px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-options {
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-option {
min-height: 54px !important;
padding: 14px 16px !important;
border-radius: 8px !important;
border: 1px solid #d9d7d1 !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-option.is-active {
border-color: #191c1f !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-option-label {
font-size: 15px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row {
margin-bottom: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row label {
margin-bottom: 6px !important;
font-size: 12px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
color: #3f454c !important;
text-transform: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .select2-selection {
min-height: 48px !important;
padding-inline: 14px !important;
border-radius: 8px !important;
border: 1px solid #d9d7d1 !important;
background: #ffffff !important;
font-size: 14px !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text::placeholder {
color: #8a9098 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
gap: 10px !important;
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
padding: 16px !important;
border-radius: 8px !important;
border: 1px solid #d9d7d1 !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
margin: 0 0 8px !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-hint,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
padding: 10px 12px !important;
border-radius: 8px !important;
border: 1px solid #dedbd5 !important;
background: #faf9f7 !important;
font-size: 13px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods {
display: block !important;
border: 1px solid #d9d7d1 !important;
border-radius: 8px !important;
background: #ffffff !important;
overflow: hidden !important;
gap: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li {
margin: 0 !important;
padding: 16px 18px 16px 48px !important;
border: 0 !important;
border-bottom: 1px solid #ebe8e2 !important;
border-radius: 0 !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li:last-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li:last-child {
border-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li:has(input:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li:has(input:checked) {
background: #faf9f7 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
top: 18px !important;
left: 16px !important;
width: 16px !important;
height: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-row,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods .amount {
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
margin-top: 10px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box p {
font-size: 12px !important;
line-height: 1.5 !important;
color: #6f7780 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 22px !important;
margin-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #select-point-container a {
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 9999px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #selected-point {
margin-top: 8px !important;
padding: 8px 10px !important;
border-radius: 6px !important;
background: #f1f1ef !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-slot {
margin: 0 0 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box {
padding: 12px 14px !important;
border-radius: 8px !important;
border: 1px solid #d9d7d1 !important;
background: #faf9f7 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-title {
font-size: 15px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-copy {
font-size: 12px !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card {
padding: 0 0 18px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
border-bottom: 1px solid #ddd9d1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 12px !important;
min-height: auto !important;
padding: 0 !important;
font-size: 12px !important;
letter-spacing: 0 !important;
font-weight: 600 !important;
text-transform: none !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 10px 0 !important;
border-color: #e5e1db !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary strong {
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary small {
font-size: 12px !important;
color: #616973 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 12px !important;
font-size: 28px !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations {
margin: 18px 0 0 !important;
padding: 18px 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
border-bottom: 1px solid #ddd9d1 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations .cuw-template-title {
margin: 0 0 12px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product {
display: grid !important;
grid-template-columns: 48px minmax(0, 1fr) auto !important;
gap: 6px 12px !important;
align-items: center !important;
padding: 10px 0 !important;
border: 0 !important;
border-bottom: 1px solid #ebe8e2 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product:last-child {
border-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product > a.woocommerce-LoopProduct-link {
grid-row: 1 / span 2 !important;
width: 48px !important;
height: 48px !important;
border-radius: 6px !important;
background: #ffffff !important;
border: 1px solid #e4e1db !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .woocommerce-loop-product__title {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .price {
margin: 0 !important;
font-size: 12px !important;
color: #616973 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .loop-button-wrap {
grid-column: 3 !important;
grid-row: 1 / span 2 !important;
align-self: center !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-recommendations ul.products > li.product .loop-button-wrap .button {
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 6px !important;
background: #191c1f !important;
border: 0 !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: 600 !important;
width: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
margin-top: 18px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-kicker {
margin-bottom: 2px !important;
font-size: 11px !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #616973 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item strong {
font-size: 13px !important;
line-height: 1.4 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .montonio-bank-items--grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .montonio-bank-item {
min-height: 62px !important;
border-radius: 6px !important;
border: 1px solid #e1ddd7 !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p {
font-size: 12px !important;
line-height: 1.5 !important;
color: #616973 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row.place-order {
margin-top: 14px !important;
padding-top: 12px !important;
border-top: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #place_order {
min-height: 46px !important;
border-radius: 6px !important;
font-size: 14px !important;
font-weight: 600 !important;
background: #191c1f !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-slot {
margin: 0 0 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 14px 15px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(25, 28, 31, 0.035) !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box.is-warning {
border-color: rgba(218, 76, 51, 0.16) !important;
background: linear-gradient(180deg, rgba(255, 247, 244, 0.98) 0%, rgba(255, 255, 255, 1) 100%) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box.is-success {
border-color: rgba(39, 113, 73, 0.14) !important;
background: linear-gradient(180deg, rgba(246, 251, 247, 0.98) 0%, rgba(255, 255, 255, 1) 100%) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-title {
margin: 0 0 6px !important;
color: #191c1f !important;
font-size: 14px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-copy {
color: #4f5964 !important;
font-size: 13px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
}
}
.kis-prepaid-reward-line-name,
.kis-prepaid-reward-line-subname {
display: block;
}
.kis-prepaid-reward-line-name {
color: #191c1f;
font-weight: 700;
}
.kis-prepaid-reward-line-subname {
margin-top: 4px;
color: #6b7480;
font-size: 12px;
line-height: 1.35;
font-weight: 500;
}
@media (max-width: 767px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.checkout,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.botiga-sc-form.checkout {
padding-bottom: 32px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 18px !important;
padding: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 24px !important;
background: #ffffff !important;
box-shadow: 0 16px 32px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type legend {
margin: 0 0 14px !important;
padding: 0 !important;
border: none !important;
font-family: var(--font-display) !important;
font-size: 26px !important;
line-height: 1.05 !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
min-height: 58px !important;
margin: 0 !important;
padding: 0 18px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
background: #f7f8fb !important;
color: #191c1f !important;
font-size: 17px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
cursor: pointer !important;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
flex-shrink: 0 !important;
transition: border-color 0.2s ease, background-size 0.2s ease, box-shadow 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label:has(input[type="radio"]:checked) {
border-color: rgba(25, 28, 31, 0.18) !important;
background: #ffffff !important;
box-shadow: 0 12px 24px rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type input[type="radio"]:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-phone {
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card {
padding: 18px !important;
border-radius: 24px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 16px 32px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
color: #191c1f !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-box {
width: 22px !important;
height: 22px !important;
border-radius: 7px !important;
border: 1.5px solid rgba(25, 28, 31, 0.18) !important;
background: #ffffff !important;
position: relative !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-text {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-panel {
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card #order_comments_field {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card #order_comments_field label {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card textarea {
min-height: 120px !important;
border-radius: 20px !important;
background: #f7f8fb !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods {
gap: 12px !important;
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li {
grid-template-columns: 22px minmax(0, 1fr) !important;
gap: 12px !important;
padding: 16px !important;
border-radius: 22px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 14px 28px rgba(25, 28, 31, 0.05) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 6px 10px !important;
width: 100% !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label > span:first-child,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label > span:first-child {
min-width: 0 !important;
grid-column: 1 / 2 !important;
font-size: 18px !important;
line-height: 1.28 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label .amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods .amount {
grid-column: 2 / 3 !important;
justify-self: end !important;
white-space: nowrap !important;
font-size: 17px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 22px !important;
height: 22px !important;
margin: 3px 0 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method input[type="radio"]:checked,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods input[type="radio"]:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li:has(input[type="radio"]:checked),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li:has(input[type="radio"]:checked) {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #fcfcfd !important;
box-shadow: 0 18px 34px rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li > *:not(input):not(label),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > *:not(input):not(label):not(.payment_box) {
grid-column: 2 / -1 !important;
min-width: 0 !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li.kis-checkout-shipping-pickup > *:not(input):not(label) {
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li .button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li [class*="point"] button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li [class*="pickup"] button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li .portmonetka-container__btn {
width: 100% !important;
min-height: 48px !important;
padding: 0 16px !important;
border: none !important;
border-radius: 16px !important;
background: #191c1f !important;
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label img {
max-height: 22px !important;
margin-left: 8px !important;
vertical-align: middle !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
margin: 12px 0 0 !important;
padding: 16px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
color: #5a6470 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box::before {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box p,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box li {
font-size: 14px !important;
line-height: 1.55 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box input[type="text"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box input.input-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box select {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
border-radius: 18px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .pbl-container,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-payment-form,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box > div {
max-width: 100% !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-list-banks {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank {
margin: 0 !important;
width: auto !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank label {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 74px !important;
padding: 10px !important;
border-radius: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank img {
max-width: 100% !important;
max-height: 30px !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank input[type="radio"]:checked + div {
border-radius: 12px !important;
box-shadow: inset 0 0 0 2px #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label:first-of-type,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type > label {
margin-bottom: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type span.woocommerce-input-wrapper {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper > label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type span.woocommerce-input-wrapper > label {
min-height: 62px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-toggle-box {
background: #191c1f !important;
border-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-toggle-box::after {
content: "" !important;
position: absolute !important;
top: 5px !important;
left: 8px !important;
width: 5px !important;
height: 10px !important;
border-right: 2px solid #ffffff !important;
border-bottom: 2px solid #ffffff !important;
transform: rotate(45deg) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
align-items: start !important;
gap: 12px !important;
padding: 16px !important;
border-radius: 22px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 14px 28px rgba(25, 28, 31, 0.05) !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 6px 10px !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label > span,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label > span {
min-width: 0 !important;
font-size: 17px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label .woocommerce-Price-amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label .woocommerce-Price-amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label .amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label .amount {
justify-self: end !important;
white-space: nowrap !important;
font-size: 16px !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > input[type="radio"] {
margin: 3px 0 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > *:not(label):not(input),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > *:not(label):not(input):not(.payment_box) {
grid-column: 2 / -1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-top: 12px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option.kis-checkout-shipping-pickup > *:not(label):not(input) {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
align-items: stretch !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option .payment_box {
grid-column: 1 / -1 !important;
margin-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-payment-payu .payment_box {
padding: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-payment-payu .payu-list-banks {
margin-top: 14px !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.checkout,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-form {
padding-bottom: 20px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .form-row fieldset {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .form-row fieldset > label {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
min-height: 58px !important;
padding: 0 18px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
background: #ffffff !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
color: #191c1f !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .form-row fieldset > label input[type="radio"] {
order: 2 !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
accent-color: #191c1f !important;
flex: 0 0 22px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card {
padding-top: 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
color: #191c1f !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-box {
width: 22px !important;
height: 22px !important;
border-radius: 7px !important;
border: 1.5px solid rgba(25, 28, 31, 0.18) !important;
background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
position: relative !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-text {
color: #191c1f !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-panel {
display: none !important;
margin-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-panel {
display: block !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-toggle-box {
background: #191c1f !important;
border-color: #191c1f !important;
box-shadow: 0 10px 20px rgba(25, 28, 31, 0.14) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-toggle-box::after {
content: '' !important;
position: absolute !important;
left: 7px !important;
top: 3px !important;
width: 5px !important;
height: 10px !important;
border: solid #fff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card #order_comments_field {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li {
padding: 16px !important;
border-radius: 22px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.09) !important;
box-shadow: 0 8px 22px rgba(25, 28, 31, 0.035) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label {
display: grid !important;
grid-template-columns: 20px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label > span,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label > span {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
gap: 6px 10px !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label .amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods .amount {
margin-left: auto !important;
white-space: nowrap !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li > *:not(label),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > *:not(label):not(.payment_box) {
margin-top: 12px !important;
margin-left: 34px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li .button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li [class*="point"] button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li [class*="pickup"] button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li .portmonetka-container__btn {
width: 100% !important;
min-height: 46px !important;
padding: 0 14px !important;
border-radius: 16px !important;
border: 1px solid #191c1f !important;
background: #191c1f !important;
color: #ffffff !important;
box-shadow: none !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box {
margin: 12px 0 0 34px !important;
padding: 16px !important;
border-radius: 20px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
color: #5f6975 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box input[type="text"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box input.input-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box select {
width: 100% !important;
min-height: 52px !important;
border-radius: 16px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
padding: 0 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-list-banks {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 14px 0 0 !important;
padding: 0 !important;
max-height: 280px !important;
overflow: auto !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank {
margin: 0 !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank label {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 76px !important;
padding: 12px !important;
border-radius: 18px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank input[type="radio"] {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank img {
max-width: 100% !important;
max-height: 30px !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank input[type="radio"]:checked + div,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank.payu-active label:has(input[type="radio"]:checked) {
filter: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .pbl-error {
margin: 10px 0 0 !important;
padding: 12px 14px !important;
border-radius: 16px !important;
font-size: 13px !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-form {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-breadcrumbs,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-content-nav,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-detail-summary,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods-nav,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-prev,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-next {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-order-review,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-summary {
width: 100% !important;
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-content-item,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-content-item.active,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-summary-item {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
height: auto !important;
overflow: visible !important;
margin: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-content-item + .botiga-sc-content-item {
margin-top: 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-content-item-block,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-summary-item {
margin: 0 !important;
padding: 18px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 26px !important;
box-shadow: 0 12px 32px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-heading {
margin: 0 0 14px !important;
font-family: var(--font-display) !important;
font-size: 28px !important;
line-height: 1.02 !important;
letter-spacing: -0.8px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-heading-sub {
margin: -6px 0 14px !important;
font-size: 13px !important;
line-height: 1.5 !important;
font-weight: 500 !important;
color: #6a7480 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-fields .row,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-contact-information .row,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-create-account-fields .row {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .form-row,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc [class*="col-md-"] {
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .form-row label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc label {
color: #4f5964 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .input-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="text"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="tel"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="email"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="password"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc select,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc textarea,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .select2-container .select2-selection--single {
min-height: 56px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
color: #191c1f !important;
font-size: 15px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .input-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="text"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="tel"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="email"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc input[type="password"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc select,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc textarea {
padding: 0 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc textarea {
min-height: 104px !important;
padding-top: 14px !important;
padding-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .select2-container {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .select2-container .select2-selection--single {
display: flex !important;
align-items: center !important;
padding: 0 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 54px !important;
padding: 0 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-account-info,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-already-account,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-create-account {
padding: 14px 16px !important;
border-radius: 18px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
margin: 12px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-different-address > ul > li {
margin: 0 !important;
padding: 14px !important;
border-radius: 18px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-different-address > ul > li > label {
display: grid !important;
grid-template-columns: 18px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: start !important;
margin: 0 !important;
color: #191c1f !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-different-address > ul > li input[type="radio"] {
width: 18px !important;
height: 18px !important;
margin: 2px 0 0 !important;
accent-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box {
margin: 10px 0 0 !important;
padding: 14px 16px !important;
border-radius: 18px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
color: #66707b !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label img {
max-height: 22px !important;
margin-left: 8px !important;
float: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-products,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total {
background: transparent !important;
border: none !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-product {
display: grid !important;
grid-template-columns: 64px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
padding: 10px 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-product:first-child {
border-top: none !important;
padding-top: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-product-thumbnail {
position: relative !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-product-thumbnail img {
width: 64px !important;
border-radius: 16px !important;
background: #f7f8fb !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-product-quantity {
position: absolute !important;
top: -6px !important;
right: -6px !important;
min-width: 22px !important;
height: 22px !important;
padding: 0 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
background: #191c1f !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-product-name {
color: #191c1f !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-product-subtotal {
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
font-weight: 600 !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total table.shop_table {
margin: 0 !important;
border: none !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total table.shop_table th,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total table.shop_table td {
padding: 12px 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
background: transparent !important;
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total table.shop_table tr:first-child th,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total table.shop_table tr:first-child td {
border-top: none !important;
padding-top: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total table.shop_table th {
color: #6a7480 !important;
font-weight: 600 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-cart-total table.shop_table td {
color: #191c1f !important;
text-align: right !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-coupon {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 10px !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-coupon-code {
min-height: 54px !important;
border-radius: 18px !important;
padding: 0 16px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-apply-coupon,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-submit-button {
min-height: 54px !important;
border-radius: 999px !important;
border: none !important;
background: #191c1f !important;
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: -0.2px !important;
text-transform: none !important;
box-shadow: 0 18px 35px rgba(25, 28, 31, 0.16) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-submit-button {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text {
color: #66707b !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) {
background:
radial-gradient(circle at top left, rgba(73, 79, 223, 0.04), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .entry-content > .woocommerce {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
padding: 6px 2px 2px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero-badge {
align-self: flex-start !important;
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: #f3f4f7 !important;
color: #5a6470 !important;
font-size: 13px !important;
font-weight: 700 !important;
display: inline-flex !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero h1 {
margin: 0 !important;
font-family: var(--font-display) !important;
font-size: 32px !important;
line-height: 0.98 !important;
letter-spacing: -1px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero p {
margin: 0 !important;
color: #5a6470 !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-trust {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-trust span {
min-height: 32px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
color: #191c1f !important;
font-size: 12px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.checkout {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
padding-bottom: 108px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-grid,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-card,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review {
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 26px !important;
padding: 18px !important;
box-shadow: 0 10px 30px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .col2-set .col-1,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .col2-set .col-2,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-additional-fields {
width: 100% !important;
float: none !important;
padding: 18px !important;
margin: 0 !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 26px !important;
box-shadow: 0 10px 30px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) h3,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review_heading {
margin: 0 0 14px !important;
font-family: var(--font-display) !important;
font-size: 28px !important;
line-height: 1.02 !important;
letter-spacing: -0.8px !important;
font-weight: 500 !important;
color: #191c1f !important;
text-transform: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-additional-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .form-row {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .form-row label {
margin: 0 0 8px !important;
color: #4f5964 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) input[type="tel"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) input[type="email"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) input[type="text"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) textarea {
min-height: 56px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
padding: 0 16px !important;
font-size: 15px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) textarea {
min-height: 108px !important;
padding-top: 14px !important;
padding-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .select2-container .select2-selection--single {
min-height: 56px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
display: flex !important;
align-items: center !important;
padding: 0 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #191c1f !important;
line-height: 54px !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 54px !important;
right: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-shipping-fields {
margin-top: 8px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address label {
margin: 0 !important;
font-family: var(--font-display) !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) table.shop_table {
margin: 0 !important;
border: none !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review table.shop_table tbody tr.cart_item td,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr th,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr td {
padding: 12px 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review table.shop_table tbody tr.cart_item:first-child td {
border-top: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .product-name,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .shipping td,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .order-total td {
text-align: right !important;
font-size: 14px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .product-name {
text-align: left !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .product-total,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .amount {
font-family: var(--font-display) !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
list-style: none !important;
margin: 8px 0 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods > li {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 14px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
flex: 1 !important;
margin: 0 !important;
color: #191c1f !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
accent-color: #191c1f !important;
width: 18px !important;
height: 18px !important;
margin-top: 2px !important;
flex-shrink: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
padding: 0 !important;
margin: 16px 0 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #payment {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin-top: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .payment_box {
margin: 10px 0 0 0 !important;
padding: 14px 16px !important;
border-radius: 18px !important;
background: #ffffff !important;
color: #5a6470 !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper {
margin: 18px 0 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .form-row.place-order {
color: #5a6470 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-submit-note {
margin: 0 0 14px !important;
padding: 14px 16px !important;
border-radius: 18px !important;
background: #f7f8fb !important;
color: #5a6470 !important;
font-size: 13px !important;
line-height: 1.5 !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #place_order {
margin-top: 10px !important;
min-height: 56px !important;
border-radius: 999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 18px 35px rgba(25, 28, 31, 0.16) !important;
font-family: var(--font-display) !important;
font-size: 17px !important;
font-weight: 600 !important;
letter-spacing: -0.2px !important;
text-transform: none !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-trust-list {
display: grid !important;
gap: 10px !important;
margin: 12px 0 0 !important;
padding: 14px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
box-shadow: 0 10px 24px rgba(25, 28, 31, 0.035) !important;
justify-items: center !important;
text-align: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-trust-item {
display: grid !important;
grid-template-columns: 30px auto !important;
align-items: center !important;
gap: 10px !important;
color: #2f3742 !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
justify-content: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-trust-icon {
width: 30px !important;
height: 30px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #f4f6f8 !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
color: #191c1f !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-trust-icon svg {
width: 15px !important;
height: 15px !important;
display: block !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-trust-copy {
display: block !important;
color: #4f5964 !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-submit-note {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.checkout {
padding-bottom: 52px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky {
position: fixed !important;
left: 12px !important;
right: 12px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
z-index: 9999 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-inner {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 12px 12px 16px !important;
border-radius: 24px !important;
background: rgba(25, 28, 31, 0.96) !important;
box-shadow: 0 24px 40px rgba(25, 28, 31, 0.22) !important;
backdrop-filter: blur(16px) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-total {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-total .label {
color: rgba(255, 255, 255, 0.72) !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-total .price {
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 21px !important;
line-height: 1.05 !important;
font-weight: 600 !important;
letter-spacing: -0.4px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-btn {
min-width: 156px !important;
min-height: 48px !important;
padding: 0 18px !important;
border: none !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: -0.2px !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-btn:disabled {
opacity: 0.55 !important;
}
}
@media (min-width: 769px) {
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer {
margin: 6px 0 10px 0 !important;
max-width: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-container {
margin: 0 !important;
padding: 12px 16px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section {
display: grid !important;
grid-template-columns: 84px minmax(280px, 1.3fr) 88px 108px minmax(190px, 220px) !important;
gap: 12px !important;
align-items: center !important;
justify-content: start !important;
width: auto !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section > div,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section > p {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-image {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #ffffff !important;
border: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-title {
display: block !important;
margin: 0 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1.15 !important;
letter-spacing: -0.2px !important;
font-weight: 500 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-variants {
margin-top: 6px !important;
display: block !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-variants * {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
padding: 0 10px !important;
border-radius: 9999px !important;
background: rgba(255,255,255,0.92) !important;
color: #505a63 !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-offer-title {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-price {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 500 !important;
text-align: left !important;
white-space: nowrap !important;
justify-self: start !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-quantity {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
color: inherit !important;
transform: scale(0.88) !important;
transform-origin: center !important;
justify-self: start !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-offer-cta-section,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section > div:last-child {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
width: auto !important;
background: transparent !important;
border-radius: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-button,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-button *,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer [class*="add-to-cart"],
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer [class*="add-to-cart"] * {
color: #ffffff !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-button,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer [class*="add-to-cart"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 290px !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: #191c1f !important;
border: 2px solid #191c1f !important;
box-shadow: none !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: none !important;
}
}
/* ========================================================== */
/* DESKTOP CART V2 (SEPARATE FROM MOBILE) */
/* ========================================================== */
@media (min-width: 769px) {
body.woocommerce-cart.kis-cart-desktop-active .top-bar,
body.woocommerce-cart.kis-cart-desktop-active .top-bar-inner,
body.woocommerce-cart.kis-cart-desktop-active .top-header-row,
body.woocommerce-cart.kis-cart-desktop-active .top-bar-html,
body.woocommerce-cart.kis-cart-desktop-active .top-bar-text,
body.woocommerce-cart.kis-cart-desktop-active .top-bar-shortcode {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.woocommerce-cart.kis-cart-desktop-active .flexible-shipping-notice,
body.woocommerce-cart.kis-cart-desktop-active .flexible-shipping-free-shipping-notice,
body.woocommerce-cart.kis-cart-desktop-active #flexible_shipping_free_shipping_notice,
body.woocommerce-cart.kis-cart-desktop-active .botiga-freespb-progress-bar,
body.woocommerce-cart.kis-cart-desktop-active .botiga-freespb-progress-bar-inner,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-info,
body.woocommerce-cart.kis-cart-desktop-active [class*="flexible-shipping"],
body.woocommerce-cart.kis-cart-desktop-active [id*="flexible_shipping"],
body.woocommerce-cart.kis-cart-desktop-active [class*="free-shipping-notice"],
body.woocommerce-cart.kis-cart-desktop-active [class*="free-shipping-bar"] {
display: none !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .kis-desktop-notices {
display: grid !important;
gap: 10px !important;
margin: 0 0 4px !important;
width: 100% !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper:empty,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .kis-desktop-notices:empty {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-error {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-height: 60px !important;
margin: 0 !important;
padding: 16px 20px !important;
background: rgba(255, 255, 255, 0.82) !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 20px !important;
box-shadow: none !important;
color: #191c1f !important;
font-family: var(--font-body) !important;
font-size: 15px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
text-align: left !important;
gap: 12px !important;
flex-direction: row !important;
height: auto !important;
overflow: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-message::before,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-info::before,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-error::before {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
border-radius: 999px !important;
font-family: var(--font-body) !important;
font-size: 14px !important;
font-weight: 700 !important;
position: static !important;
transform: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-message::before {
content: 'OK' !important;
background: rgba(0, 168, 126, 0.12) !important;
color: #0f7f64 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-info::before {
content: 'i' !important;
background: rgba(73, 79, 223, 0.12) !important;
color: #3f45c8 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-error::before {
content: '!' !important;
background: rgba(226, 59, 74, 0.12) !important;
color: #c93644 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-message {
background: rgba(255, 255, 255, 0.88) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-error {
background: rgba(255, 247, 247, 0.96) !important;
border-color: rgba(226, 59, 74, 0.14) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-message a,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-info a,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .woocommerce-error a {
color: #191c1f !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 0.14em !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .woocommerce-notices-wrapper .button {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active {
background:
radial-gradient(circle at top left, rgba(73, 79, 223, 0.05), transparent 28%),
linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .container.content-wrapper {
max-width: 1480px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .entry-content .woocommerce.kis-cart-desktop-shell {
max-width: 1420px !important;
margin: 18px auto 88px !important;
display: grid !important;
grid-template-columns: minmax(0, 1.08fr) 420px !important;
gap: 40px !important;
align-items: start !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper {
gap: 22px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-sidebar {
width: 100% !important;
max-width: 420px !important;
gap: 18px !important;
top: 96px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .kis-shipping-progress-wrap {
display: block !important;
margin: 0 0 6px !important;
padding: 20px 24px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 24px !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .kis-shipping-progress-wrap .kis-shipping-msg {
display: block !important;
margin: 0 0 12px !important;
color: #191c1f !important;
text-align: left !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 500 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .kis-shipping-progress-wrap .kis-shipping-msg strong {
color: #191c1f !important;
font-weight: 700 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .kis-shipping-progress-wrap .kis-progress-bg {
display: block !important;
width: 100% !important;
height: 10px !important;
margin: 0 !important;
background: #eef1f5 !important;
border-radius: 9999px !important;
overflow: hidden !important;
position: relative !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper > .kis-shipping-progress-wrap .kis-progress-fill {
display: block !important;
height: 100% !important;
background: #191c1f !important;
border-radius: 9999px !important;
position: absolute !important;
inset: 0 auto 0 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-cart-title {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 1420px !important;
margin: 34px auto 18px !important;
padding: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-cart-title h1 {
margin: 0 !important;
font-family: var(--font-display) !important;
font-size: clamp(2rem, 3vw, 2.7rem) !important;
line-height: 1 !important;
letter-spacing: -1px !important;
font-weight: 500 !important;
color: #191c1f !important;
text-align: center !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-card-heading span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 9999px !important;
background: #f4f4f4 !important;
font-family: var(--font-body) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.16px !important;
color: #505a63 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form {
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 32px !important;
padding: 0 12px 8px !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form table.shop_table {
margin: 0 !important;
border-collapse: separate !important;
border-spacing: 0 1px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form tr.cart_item {
grid-template-columns: 78px minmax(0, 1fr) 132px 110px 18px !important;
gap: 12px !important;
padding: 5px 12px !important;
border: none !important;
border-radius: 18px !important;
background: #fcfcfd !important;
min-height: 68px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-thumbnail img {
width: 72px !important;
border-radius: 14px !important;
background: #f7f8fb !important;
margin-bottom: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cart_item td {
border: none !important;
background: transparent !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-name {
padding-right: 2px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-name a {
display: block !important;
margin-bottom: 0 !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1.08 !important;
letter-spacing: -0.3px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-quantity {
justify-self: start !important;
transform: scale(0.94) !important;
transform-origin: left center !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-subtotal {
align-self: center !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-subtotal .amount {
display: block !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
font-weight: 500 !important;
letter-spacing: -0.2px !important;
white-space: nowrap !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-remove a {
color: #8d969e !important;
font-size: 18px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form td.actions {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-cart-actions {
display: block !important;
margin-top: 4px !important;
padding-top: 4px !important;
border-top: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-cart-actions button[name="update_cart"] {
display: inline-flex !important;
width: auto !important;
min-width: 220px !important;
max-width: 100% !important;
height: 50px !important;
margin: 0 auto !important;
padding: 0 22px !important;
background: #f2f3f5 !important;
color: #a1a8b1 !important;
border: 2px solid #f2f3f5 !important;
border-radius: 9999px !important;
opacity: 1 !important;
font-size: 15px !important;
font-weight: 600 !important;
box-shadow: none !important;
transition: all 0.2s ease !important;
cursor: default !important;
pointer-events: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-cart-actions button[name="update_cart"]:not(:disabled) {
background: #191c1f !important;
color: #ffffff !important;
border-color: #191c1f !important;
cursor: pointer !important;
pointer-events: auto !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 8px auto 0 !important;
padding: 0 !important;
background: transparent !important;
color: #6f7782 !important;
border: none !important;
font-family: var(--font-body) !important;
font-size: 12px !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-toggle:hover {
opacity: 0.72 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-panel {
display: block !important;
margin-top: 8px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-panel .coupon {
display: none;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 12px !important;
margin: 0 !important;
padding: 14px !important;
border: none !important;
background: #f7f8fb !important;
border-radius: 24px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-panel.is-open .coupon {
display: grid !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-panel .coupon input#coupon_code {
width: 100% !important;
min-width: 0 !important;
height: 52px !important;
border-radius: 9999px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
padding: 0 20px !important;
margin: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-panel .coupon button[name="apply_coupon"] {
height: 52px !important;
padding: 0 24px !important;
margin: 0 !important;
white-space: nowrap !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons {
margin: 4px 0 8px 78px !important;
padding: 0 !important;
background: transparent !important;
width: auto !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons h2,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-heading {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product-row {
display: grid !important;
grid-template-columns: 84px minmax(0, 1.45fr) auto auto minmax(190px, 220px) !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
padding: 12px 16px !important;
margin: 0 !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-checkbox-wrap,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product-checkbox {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product-image,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-image {
width: 72px !important;
height: 72px !important;
margin: 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
border: none !important;
background: #ffffff !important;
flex-shrink: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product-image img,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-details {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
min-width: 0 !important;
text-align: left !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-title,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product-title {
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.15 !important;
letter-spacing: -0.25px !important;
font-weight: 500 !important;
color: #191c1f !important;
text-decoration: none !important;
margin: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-price,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product-price {
font-family: var(--font-display) !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #191c1f !important;
margin: 0 !important;
white-space: nowrap !important;
justify-self: center !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-product-quantity,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .quantity {
justify-self: center !important;
transform: scale(0.9) !important;
transform-origin: center !important;
margin: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .cuw-button,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons button[class*="cuw"],
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .cuw-product-addons .button {
width: 100% !important;
min-height: 48px !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: 2px solid #191c1f !important;
box-shadow: none !important;
font-size: 15px !important;
font-weight: 600 !important;
justify-self: stretch !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-summary-card,
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-sidebar .kis-shipping-progress-wrap,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals,
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-trust-card {
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 28px !important;
padding: 24px !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-card-heading {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
margin-bottom: 18px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-card-heading strong {
font-family: var(--font-display) !important;
font-size: 30px !important;
line-height: 1.05 !important;
letter-spacing: -0.8px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-summary-points {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-summary-points div {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
padding: 14px 16px !important;
border-radius: 20px !important;
background: #f7f8fb !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-summary-points strong {
font-size: 16px !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-summary-points span {
font-size: 14px !important;
line-height: 1.5 !important;
color: #505a63 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-sidebar .kis-shipping-progress-wrap {
margin: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-sidebar .kis-shipping-msg {
margin-bottom: 14px !important;
text-align: left !important;
font-size: 15px !important;
line-height: 1.45 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-sidebar .kis-progress-bg {
height: 10px !important;
background: #f0f2f5 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-sidebar .kis-progress-fill {
background: linear-gradient(90deg, #191c1f 0%, #494fdf 100%) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services h3,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals h2,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper .cross-sells h2,
body.woocommerce-cart.kis-cart-desktop-active .kis-main-column-wrapper .cuw-heading {
font-family: var(--font-display) !important;
font-size: 30px !important;
line-height: 1.05 !important;
letter-spacing: -0.8px !important;
font-weight: 500 !important;
color: #191c1f !important;
text-transform: none !important;
margin-bottom: 18px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services {
margin: 0 !important;
padding: 18px 24px 22px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-item {
padding: 13px 0 !important;
border-bottom: 1px solid rgba(25, 28, 31, 0.08) !important;
overflow: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services h3 {
margin-top: 0 !important;
margin-bottom: 12px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-content {
gap: 12px !important;
align-items: center !important;
overflow: visible !important;
position: relative !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-main {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 14px !important;
min-width: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-label,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-price {
font-size: 14px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-cb-custom {
position: relative !important;
display: block !important;
box-sizing: border-box !important;
flex: 0 0 22px !important;
width: 22px !important;
height: 22px !important;
border: 1.5px solid rgba(25, 28, 31, 0.18) !important;
border-radius: 7px !important;
background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
transition: all 0.2s ease !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-cb:checked + .kis-cb-custom {
background: #191c1f !important;
border-color: #191c1f !important;
box-shadow: 0 10px 20px rgba(25, 28, 31, 0.14) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-cb:checked + .kis-cb-custom::after {
left: 7px !important;
top: 3px !important;
width: 5px !important;
height: 10px !important;
border-width: 0 2px 2px 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-main:hover .kis-cb-custom {
border-color: rgba(25, 28, 31, 0.34) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-label {
display: block !important;
color: #191c1f !important;
line-height: 1.4 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-price {
display: block !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #191c1f !important;
letter-spacing: -0.2px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
overflow: visible !important;
background: #f3f5f8 !important;
border: 1px solid rgba(25, 28, 31, 0.07) !important;
color: #6a737c !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
font-style: normal !important;
text-indent: 0 !important;
white-space: nowrap !important;
box-shadow: none !important;
cursor: pointer !important;
user-select: none !important;
z-index: 3 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active {
background: #191c1f !important;
border-color: #191c1f !important;
color: #ffffff !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger::after {
content: attr(data-tip) !important;
position: absolute !important;
right: 0 !important;
bottom: calc(100% + 12px) !important;
width: 248px !important;
padding: 16px 18px !important;
border-radius: 18px !important;
background: #191c1f !important;
color: #ffffff !important;
font-family: var(--font-body) !important;
font-size: 13px !important;
line-height: 1.55 !important;
font-weight: 600 !important;
box-shadow: 0 22px 45px rgba(25, 28, 31, 0.2) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(8px) !important;
z-index: 20 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger::before {
content: '' !important;
position: absolute !important;
right: 9px !important;
bottom: calc(100% + 1px) !important;
border-width: 8px !important;
border-style: solid !important;
border-color: #191c1f transparent transparent transparent !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: 20 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover::after,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover::before,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active::after,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active::before {
opacity: 1 !important;
visibility: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover::after,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active::after {
transform: translateY(0) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals {
float: none !important;
width: 100% !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals table.shop_table {
margin: 0 0 18px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr {
border-bottom: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr th,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr td {
padding: 14px 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr th {
font-size: 14px !important;
font-weight: 500 !important;
color: #505a63 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr td {
font-family: var(--font-body) !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr.order-total th,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr.order-total td {
border-bottom: none !important;
padding-top: 18px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals tr.order-total td .amount {
font-family: var(--font-display) !important;
font-size: 34px !important;
line-height: 1 !important;
font-weight: 500 !important;
letter-spacing: -1px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals .checkout-button {
width: 100% !important;
min-height: 58px !important;
padding: 14px 24px !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: 2px solid #191c1f !important;
box-shadow: none !important;
font-size: 18px !important;
font-weight: 500 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-totals .checkout-button:hover {
transform: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-trust-card {
gap: 18px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-trust-list {
gap: 14px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-trust-li {
align-items: flex-start !important;
gap: 12px !important;
font-size: 14px !important;
line-height: 1.45 !important;
color: #505a63 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-trust-li svg {
margin-top: 2px !important;
flex-shrink: 0 !important;
color: #191c1f !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-trust-logos {
justify-content: flex-start !important;
flex-wrap: wrap !important;
gap: 12px !important;
padding-top: 18px !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-trust-logos img {
height: 18px !important;
opacity: 0.85 !important;
filter: grayscale(1) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-trust-bar {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-cross-sells {
margin-top: 2px !important;
padding: 28px 32px 32px !important;
background: #ffffff !important;
border-radius: 32px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-cross-sells ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-cross-sells ul.products li.product,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-cross-sells .cuw-product {
background: #f7f8fb !important;
border: 1px solid transparent !important;
border-radius: 24px !important;
padding: 16px !important;
transform: none !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-cross-sells ul.products li.product:hover,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-cross-sells .cuw-product:hover {
background: #ffffff !important;
border-color: rgba(25, 28, 31, 0.08) !important;
}
}
@media (min-width: 769px) and (max-width: 1180px) {
body.woocommerce-cart.kis-cart-desktop-active .entry-content .woocommerce.kis-cart-desktop-shell {
grid-template-columns: minmax(0, 1fr) 360px !important;
gap: 28px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-desktop-coupon-panel .coupon {
grid-template-columns: 1fr !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form tr.cart_item {
grid-template-columns: 100px minmax(0, 1fr) 130px 110px 24px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-form .product-name a {
font-size: 24px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-cross-sells ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* Base Body and Reset */
body, p, li, span, div, td, th {
font-family: var(--font-body);
letter-spacing: 0.16px;
color: var(--rui-dark);
}
/* Headings Pipeline */
h1, h2, h3, h4, h5, h6,
.cart-title, .product_title,
.woocommerce-loop-product__title,
.botiga-product-title,
.widget-title {
font-family: var(--font-display) !important;
font-weight: 500 !important;
color: var(--rui-dark) !important;
}
h1 { font-size: clamp(3rem, 5vw, 5rem) !important; line-height: 1 !important; letter-spacing: -1.5px !important; }
h2 { font-size: clamp(2rem, 3.5vw, 3rem) !important; line-height: 1.1 !important; letter-spacing: -0.8px !important; }
h3 { font-size: clamp(1.5rem, 2.5vw, 2.5rem) !important; line-height: 1.2 !important; letter-spacing: -0.4px !important; }
/* Buttons - "Pill Everything" */
button,
input[type="submit"],
input[type="button"],
.button,
.btn,
.added_to_cart,
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
border-radius: 9999px !important;
padding: 14px 34px !important;
font-family: var(--font-display) !important;
font-weight: 500 !important;
font-size: 16px !important;
background-color: var(--rui-dark) !important;
color: var(--rui-white) !important;
border: 2px solid var(--rui-dark) !important;
transition: all 0.2s ease !important;
text-transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
}
/* Secondary Button / Outline variations */
.button.secondary,
.button.alt,
.checkout-button.secondary,
a.button.outline {
background-color: transparent !important;
color: var(--rui-dark) !important;
}
/* Hover effects */
button:hover,
input[type="submit"]:hover,
.button:hover {
opacity: 0.85 !important;
cursor: pointer !important;
color: var(--rui-white);
border-color: var(--rui-dark) !important;
}
.button.secondary:hover,
.button.alt:hover {
opacity: 0.85 !important;
background-color: rgba(25, 28, 31, 0.05) !important;
color: var(--rui-dark) !important;
}
/* Form inputs & Badges */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea, select {
border-radius: 12px !important;
border: 1px solid #c9c9cd !important;
padding: 12px 16px !important;
background-color: var(--rui-surface-light) !important;
font-family: var(--font-body) !important;
font-size: 16px !important;
color: var(--rui-dark) !important;
}
input:focus, textarea:focus, select:focus {
outline: none !important;
border-color: var(--rui-blue) !important;
box-shadow: 0 0 0 0.125rem rgba(73, 79, 223, 0.2) !important;
}
/* Cards & Bento Box Layout (Botiga/WooCommerce Overrides) */
.product, .wc-block-grid__product, .botiga-product,
.woocommerce ul.products li.product {
border-radius: 20px !important;
background-color: var(--rui-surface-light) !important;
border: 1px solid transparent !important;
padding: 16px !important;
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.2s ease !important;
overflow: hidden !important;
}
.woocommerce ul.products li.product:hover {
background-color: var(--rui-white) !important;
transform: translateY(-8px) !important;
border-color: #ededed !important;
}
.product img {
border-radius: 12px !important;
margin-bottom: 12px !important;
}
.woocommerce-loop-product__title {
font-size: 1.25rem !important; /* 20px */
margin-bottom: 8px !important;
letter-spacing: -0.2px !important;
}
.price {
font-family: var(--font-display) !important;
color: var(--rui-dark) !important;
}
/* Cena na mniejszych kafelkach w sklepie (Minimalistycznie) */
ul.products li.product .price,
.product_list_widget .price {
font-size: 1.2rem !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
}
/* Cena na stronie konkretnego produktu (Duża The-Revolut-Way) */
.single-product div.product p.price,
.single-product .summary .price {
font-size: 1.6rem !important;
font-weight: 700 !important;
letter-spacing: -0.5px !important;
}
/* Premium Quantity Picker (Revolut Style) */
.woocommerce .quantity {
display: inline-flex !important;
align-items: center !important;
background-color: #f0f1f5 !important; /* Sztywniejsze szare tło na prośbę dla wydzielenia kontrolki */
border-radius: 9999px !important;
padding: 4px !important;
border: 1px solid transparent !important;
margin-right: 16px !important;
}
/* CUW Customizations - Row Layout Force */
.cuw-fbt-wrap * {
flex-wrap: nowrap !important;
}
.cuw-product, .cuw-product-row, .cuw-fbt-product {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
width: 92% !important;
max-width: 92% !important;
margin-left: auto !important;
margin-right: auto !important;
gap: 12px !important;
box-shadow: none !important;
}
.woocommerce .quantity .qty {
width: 44px !important;
height: 40px !important;
background-color: transparent !important;
border: none !important;
text-align: center !important;
font-family: var(--font-body) !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--rui-dark) !important;
padding: 0 !important;
-moz-appearance: textfield !important;
}
.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
background: var(--rui-white) !important;
border: none !important;
color: var(--rui-dark) !important;
font-size: 18px !important;
font-family: var(--font-body) !important;
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover {
background: #f0f0f0 !important;
}
/* ==========================================================
Phase 3: Premium Header (Revolut Style)
========================================================== */
/* Main Header Apperance & Spacing */
.site-header {
box-shadow: none !important;
background-color: var(--rui-white) !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
border-bottom: 1px solid rgba(25, 28, 31, 0.05) !important;
transition: all 0.3s ease !important;
}
/* Glassmorphism for Sticky Header */
.site-header.is-sticky,
.botiga-sticky-header-active .site-header {
background-color: rgba(255, 255, 255, 0.90) !important;
backdrop-filter: blur(12px) saturate(180%) !important;
-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
border-bottom: 1px solid rgba(201, 201, 205, 0.3) !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/* Header Typography & Spacing (Wzmocniona specyficzność dla Głównej Strony z ID #masthead) */
body #page #masthead .main-navigation a,
body #page .botiga-dropdown a,
body #page .botiga-offcanvas-menu a {
font-family: var(--font-display) !important;
font-weight: 500 !important;
font-size: 16px !important;
letter-spacing: -0.2px !important;
color: var(--rui-dark) !important;
text-transform: none !important;
}
body #page #masthead .main-navigation a:hover {
opacity: 0.7 !important;
}
/* Submenus (Dropdown Cleanups) */
.main-navigation ul ul {
box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
border-radius: 12px !important;
border: 1px solid rgba(25, 28, 31, 0.05) !important;
padding: 10px !important;
background-color: var(--rui-white) !important;
}
.main-navigation ul ul a {
padding: 8px 16px !important;
border-radius: 8px !important;
}
.main-navigation ul ul a:hover {
background-color: var(--rui-surface-light) !important;
}
/* Header UI Elements (Cart, User, Search) - Twarda specyficzność (Ostateczne wymuszenie ID) */
body #page #masthead .header-item,
body #page #masthead .header-search,
body #page #masthead .header-cart-link,
body #page #masthead .botiga-cart-icon,
body #page #masthead .header-search-icon,
body #page #masthead .menu-toggle svg,
body #page #masthead .menu-toggle i,
body #page #masthead .botiga-header-icon {
color: var(--rui-dark) !important;
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
}
/* Twarde narzucenie kolorów na kod rysowania ikon (SVG path/stroke) na stronie domowej */
body #page #masthead svg,
body #page #masthead svg path,
body #page #masthead svg rect,
body #page #masthead svg circle,
body #page #masthead svg polyline {
color: var(--rui-dark) !important;
stroke: var(--rui-dark) !important;
}
/* ========================================================== */
/* REVOLUT BENTO BOX GRID SYSTEM FOR GUTENBERG */
/* ========================================================== */
.kis-bento-container {
max-width: 1440px !important;
width: 96% !important;
margin: 0 auto !important;
padding: 20px 0px 60px !important;
}
/* Duży Hero Kafel */
.kis-bento-hero {
margin: 0 0 24px 0 !important;
padding: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
.kis-bento-hero .wp-block-cover {
border-radius: 36px !important;
overflow: hidden !important;
box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
margin: 0 !important;
min-height: 420px !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* Rzędy Kafelek Split */
.kis-bento-row {
margin: 0 0 24px 0 !important; /* Kill Gutenberg side-margins */
padding: 0 !important;
display: flex !important;
gap: 24px !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* Konstrukcja Kart */
.kis-bento-card {
border-radius: 36px !important;
overflow: hidden !important;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
background-color: transparent;
position: relative;
width: calc(50% - 12px) !important;
flex: 1 1 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.kis-bento-card:hover {
transform: translateY(-6px) scale(1.01) !important;
box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
z-index: 10;
}
/* Warianty Kolorów Kart Bento */
.kis-bento-card.kis-bento-light {
background-color: #eef1f4 !important;
padding: 50px 40px !important;
}
.kis-bento-card.kis-bento-light h3, .kis-bento-card.kis-bento-light p {
color: var(--rui-dark) !important;
margin-bottom: 0 !important;
font-family: var(--font-display) !important;
}
.kis-bento-card.kis-bento-dark {
background-color: var(--rui-dark, #191c1f) !important;
color: #ffffff !important;
padding: 50px 40px !important;
}
.kis-bento-card.kis-bento-dark h3, .kis-bento-card.kis-bento-dark p {
color: #ffffff !important;
margin-bottom: 0 !important;
font-family: var(--font-display) !important;
}
.kis-bento-card.kis-bento-dark .has-luminous-vivid-amber-color {
color: rgba(255,255,255,0.72) !important;
}
.kis-why-kisando {
margin: 0 0 24px 0 !important;
padding: 58px 64px !important;
border-radius: 36px !important;
background: var(--rui-dark, #191c1f) !important;
color: #fff !important;
overflow: hidden !important;
}
.kis-why-kisando__inner {
display: grid;
grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.1fr);
gap: 56px;
align-items: center;
}
.kis-why-kisando__eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
margin: 0 0 18px 0 !important;
padding: 9px 16px;
border: 1px solid rgba(255,255,255,0.18);
border-radius: 9999px;
color: rgba(255,255,255,0.72) !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase;
}
.kis-why-kisando h2 {
margin: 0 !important;
color: #fff !important;
font-family: var(--font-display) !important;
font-size: clamp(2.4rem, 5vw, 5.2rem) !important;
font-weight: 700 !important;
letter-spacing: -0.055em !important;
line-height: 0.98 !important;
}
.kis-why-kisando p {
max-width: 720px;
margin: 0 !important;
color: rgba(255,255,255,0.78) !important;
font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
font-weight: 500 !important;
line-height: 1.55 !important;
letter-spacing: -0.01em !important;
}
.kis-why-kisando__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 26px;
}
.kis-why-kisando__chip {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 10px 16px;
border-radius: 9999px;
background: rgba(244,244,244,0.1);
color: #fff;
font-size: 0.92rem;
font-weight: 700;
letter-spacing: 0.01em;
}
/* Wypełnienie okładek w kartach graficznych */
.kis-bento-image-card .wp-block-cover {
height: 100% !important;
min-height: 400px;
margin: 0 !important;
}
/* Zmniejszenie marginesów nagłówka strony by zyskać miejsce above the fold */
body.home .site-content,
body.home .site-main,
body.home #primary,
body.home .entry-content,
body.home article.page {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.home .entry-header {
display: none !important;
}
/* Wewnętrzne paddingi w Coverach żeby tekst z nich nie uciekał i trzymał margines Revoluta */
.kis-bento-hero .wp-block-cover__inner-container {
padding: 50px !important;
width: 100% !important;
}
.kis-bento-image-card .wp-block-cover__inner-container {
padding: 40px !important;
width: 100% !important;
}
/* Przycisk Hero - naprawianie natywnych stylów motywu Botiga (często dodaje on zły border) */
body #page .kis-bento-hero .wp-block-button__link {
border: none !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
padding: 16px 36px !important;
font-size: 16px !important;
color: #000 !important !important;
letter-spacing: 0px !important;
transition: transform 0.3s ease !important;
}
body #page .kis-bento-hero .wp-block-button__link:hover {
transform: scale(1.03) !important;
}
@media (max-width: 768px) {
/* Główny kontener - ciaśniejsze szczeliny jak w aplikacji */
.kis-bento-container {
padding: 12px 12px 40px !important;
gap: 12px !important;
width: 92% !important;
}
/* Hero zajmuje potężną przestrzeń i full-width button */
.kis-bento-hero {
margin-bottom: 12px !important;
}
.kis-bento-hero .wp-block-cover {
min-height: 460px !important;
border-radius: 20px !important;
}
.kis-bento-hero .wp-block-cover__inner-container {
padding: 24px 20px !important;
}
.kis-bento-hero h1.wp-block-heading {
font-size: 2.8rem !important;
word-break: break-word !important;
}
.kis-bento-hero .wp-block-button {
width: 100% !important;
}
.kis-bento-hero .wp-block-button__link {
width: 100% !important;
text-align: center !important;
justify-content: center !important;
}
/* Mobile: pelna szerokosc kafli, zeby tekst nie byl sciskany w waskich kolumnach. */
.kis-bento-row {
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 14px !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
width: 100% !important;
}
/* Kafelki na telefonie maja czytelna szerokosc zamiast ciasnego 2x2. */
.kis-bento-card {
min-height: auto !important;
aspect-ratio: auto !important;
padding: 26px 22px !important;
border-radius: 20px !important;
flex: 1 1 auto !important;
width: 100% !important;
margin: 0 !important; /* BEZWZGLĘDNIE ubicie lewych marginesów edytora wp! */
box-sizing: border-box !important;
}
/* RATUNEK ZDJĘĆ: Likwidacja dziedziczonego 400px z desktopu */
.kis-bento-image-card .wp-block-cover {
min-height: 320px !important;
border-radius: 20px !important;
}
.kis-bento-card.kis-bento-image-card {
padding: 0 !important;
}
.kis-bento-image-card .wp-block-cover__inner-container {
padding: 28px 24px !important;
}
/* Dopasowanie typografii by zabić wymuszone łamanie słów w połowie! */
.kis-bento-card h3.wp-block-heading {
max-width: 12em !important;
font-size: clamp(1.65rem, 7vw, 2.25rem) !important;
line-height: 1.12 !important;
letter-spacing: -0.7px !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
.kis-bento-card p {
max-width: 22em !important;
font-size: 1rem !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
margin-bottom: 10px !important;
}
.kis-bento-dark p {
letter-spacing: 0px !important; /* Ciasne gwiazdki */
}
.kis-why-kisando {
margin-bottom: 12px !important;
padding: 28px 22px !important;
border-radius: 20px !important;
}
.kis-why-kisando__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
}
.kis-why-kisando h2 {
font-size: 2.45rem !important;
letter-spacing: -0.06em !important;
}
.kis-why-kisando p {
font-size: 1rem !important;
line-height: 1.52 !important;
}
.kis-why-kisando__chips {
gap: 8px;
margin-top: 20px;
}
.kis-why-kisando__chip {
min-height: 36px;
padding: 8px 12px;
font-size: 0.78rem;
}
}
/* Mobile Enhancements for Header */
@media (max-width: 768px) {
.site-header {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
/* Definitywne logo - odzyskanie pełnego rozmiaru (szczególnie dla logo 1:1) */
.site-branding img, .custom-logo {
max-width: 140px !important;
max-height: 65px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 !important;
}
/* Modern Hamburger Menu (Czysty, organicznych design bez zbędnego tła) */
.menu-toggle {
background-color: transparent !important;
border-radius: 0 !important;
padding: 8px 0 !important;
border: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
}
.menu-toggle svg, .menu-toggle i {
width: 28px !important;
height: 28px !important;
color: var(--rui-dark) !important;
stroke-width: 1.5px !important;
}
/* Koszyk zostaje jak chcial klient */
.botiga-header-icon {
padding: 8px 0 !important;
}
}
@media (min-width: 769px) {
.site-branding img, .custom-logo {
max-width: 200px !important;
max-height: 75px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
margin: 0 !important;
}
}
/* WPBakery Overrides for Old Products */
.wps-off-canvas, .botiga-offcanvas-menu, .widget_shopping_cart_content {
background-color: var(--rui-white) !important;
border-left: 1px solid #e0e0e0 !important;
}
.botiga-offcanvas-menu {
box-shadow: none !important;
}
.widget_shopping_cart .cart_list li {
border-bottom: 1px solid #f4f4f4 !important;
}
/* WPBakery Overrides for Old Products */
.wpb_wrapper img {
border-radius: 20px !important;
}
.vc_btn3, .vc_btn3-container a {
border-radius: 9999px !important;
padding: 14px 34px !important;
font-family: var(--font-display) !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.wpb_column, .vc_column_container {
border-radius: 20px !important;
}
/* Fix dla widoczności przycisków w koszyku na mobile z włączonym App Barem */
@media (max-width: 768px) {
.botiga-offcanvas-menu, .wps-off-canvas {
padding-bottom: 80px !important;
}
}
/* ========================================================== */
/* PREMIUM AUTO-SCROLLING TICKER (MARQUEE) */
/* ========================================================== */
.kis-ticker-wrap {
width: 100vw !important;
max-width: 1300px !important; /* Specjalnie węższe niż 1440px Bento dla efektu Inset */
position: relative;
left: 50%;
transform: translateX(-50%);
margin: 30px 0 50px 0 !important;
overflow: hidden;
background: transparent;
border-top: 1px solid rgba(0,0,0,0.06);
border-bottom: 1px solid rgba(0,0,0,0.06);
padding: 16px 0;
/* Magiczne zanikanie (Fade/Blur) na obu krawędziach */
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 120px, black calc(100% - 120px), transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 120px, black calc(100% - 120px), transparent 100%);
}
.kis-ticker {
display: flex;
align-items: center;
width: max-content;
animation: kisTickerScroll 25s linear infinite;
will-change: transform;
}
.kis-ticker:hover {
animation-play-state: paused; /* Pauza po najechaniu myszką */
}
.kis-ticker-item {
display: flex;
align-items: baseline;
gap: 8px;
padding: 0 20px;
white-space: nowrap;
}
.kis-ticker-item strong {
font-family: inherit;
font-weight: 700 !important;
font-size: 1.05rem;
letter-spacing: -0.3px;
color: var(--rui-dark, #111);
}
.kis-ticker-item span {
font-family: inherit;
font-size: 0.9rem;
opacity: 0.6;
font-weight: 400;
}
.kis-ticker-separator {
color: #e0e0e0;
font-size: 0.8rem;
padding: 0 10px;
}
@keyframes kisTickerScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
.kis-ticker-wrap {
padding: 12px 0;
margin: 20px auto 30px auto !important;
/* Przywracamy full-bleed z powrotem tylko dla mobile, bo tam podobało się idealnie */
width: 100vw !important;
max-width: none !important;
left: 50%;
transform: translateX(-50%);
/* Cieńsze rozmycie dopasowane do krawędzi małego ekranu */
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 40px, black calc(100% - 40px), transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 40px, black calc(100% - 40px), transparent 100%);
}
.kis-ticker {
animation: kisTickerScroll 18s linear infinite; /* Szybciej na telefonie żeby dynamiczniej płynęło */
}
.kis-ticker-item {
padding: 0 12px;
gap: 6px;
}
.kis-ticker-item strong {
font-size: 0.85rem; /* Było za duże i dominujące */
}
.kis-ticker-item span {
font-size: 0.75rem; /* Mniejsze, elegantsze uzupełnienie */
}
}
/* ========================================================== */
/* AGE NAVIGATION (PILL GRID) */
/* ========================================================== */
.kis-age-nav-wrap {
width: 100% !important;
max-width: 1440px !important;
margin: 0 auto !important;
}
/* GLOBAL SECTION HEADINGS (Jednolity Format Nagłówków) */
.kis-master-heading {
font-family: inherit !important;
font-size: 2.2rem !important;
font-weight: 700 !important;
letter-spacing: -1px !important;
text-align: left !important;
margin-top: 0 !important;
margin-bottom: 24px !important;
color: var(--wp--preset--color--black, #111) !important;
}
@media(max-width: 768px) {
.kis-master-heading {
font-size: 1.8rem !important;
margin-bottom: 16px !important;
letter-spacing: -0.5px !important;
}
}
.kis-age-nav {
display: flex;
gap: 16px;
flex-wrap: wrap;
width: 100%;
}
.kis-age-pill {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 16px;
background: #f6f8fb;
border-radius: 24px;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
border: 1px solid transparent;
}
.kis-age-pill:hover {
background: #ffffff;
border-color: rgba(0,0,0,0.06);
box-shadow: 0 10px 30px rgba(0,0,0,0.04);
transform: translateY(-4px);
}
.kis-age-number {
font-family: var(--font-display, inherit);
font-size: 2.2rem;
font-weight: 700;
color: var(--rui-dark, #111);
letter-spacing: -1.5px;
margin-bottom: 4px;
line-height: 1;
}
.kis-age-label {
font-size: 0.95rem;
color: #666;
font-weight: 500;
}
/* Dark Mode Pill variant */
.kis-age-pill-dark {
background: var(--rui-dark, #151515);
}
.kis-age-pill-dark .kis-age-number,
.kis-age-pill-dark .kis-age-label {
color: #ffffff;
}
.kis-age-pill-dark:hover {
background: #000000;
border-color: transparent;
box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
@media (max-width: 768px) {
.kis-section-title {
font-size: 1.8rem !important;
margin-bottom: 20px !important;
}
.kis-age-nav {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: 20px;
margin: 0 -16px;
padding: 0 16px 20px 16px;
-webkit-overflow-scrolling: touch;
gap: 12px;
}
.kis-age-nav::-webkit-scrollbar {
display: none !important;
}
.kis-age-nav {
scrollbar-width: none !important;
}
.kis-age-pill {
flex: 0 0 calc(45% - 6px); /* Pokazuje połowę następnego */
scroll-snap-align: start;
padding: 24px 12px;
border-radius: 16px;
}
.kis-age-number {
font-size: 1.8rem;
}
.kis-age-label {
font-size: 0.85rem;
}
}
/* ========================================================== */
/* KLUB KISANDO (DARK MODE NEWSLETTER BANNER) */
/* ========================================================== */
.kis-club-wrap {
background: #111;
border-radius: 32px;
padding: 70px 40px;
text-align: center;
color: #fff;
position: relative;
overflow: hidden;
margin: 40px 0 60px 0;
box-shadow: 0 30px 60px rgba(0,0,0,0.08); /* Premium Apple Drop Shadow */
}
/* Magiczna mgiełka tła w stylu Apple WWDC */
.kis-club-wrap::before {
content: '';
position: absolute;
top: -50%;
left: -20%;
width: 60%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.09) 0%, transparent 55%);
pointer-events: none;
transform: rotate(15deg);
}
.kis-club-content {
position: relative;
z-index: 2;
max-width: 580px;
margin: 0 auto;
}
.kis-club-badge {
display: inline-block;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 999px;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 6px 16px;
margin-bottom: 24px;
color: #fff;
border: 1px solid rgba(255,255,255,0.1);
}
.kis-club-content h2 {
font-family: var(--font-display, inherit) !important;
font-size: 3.4rem !important;
font-weight: 700 !important;
letter-spacing: -2px !important;
margin-bottom: 16px !important;
color: #fff !important;
line-height: 1.05 !important;
}
.kis-club-content p {
font-size: 1.15rem;
color: rgba(255,255,255,0.65);
line-height: 1.5;
margin-bottom: 36px;
}
.kis-club-form {
display: flex;
gap: 8px;
background: rgba(255,255,255,0.06);
padding: 8px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.1);
transition: background 0.3s ease;
}
.kis-club-form:focus-within {
background: rgba(255,255,255,0.12);
border-color: rgba(255,255,255,0.25);
}
.kis-club-form input {
flex: 1;
background: transparent !important;
border: none !important;
color: #fff !important;
padding: 0 24px !important;
font-size: 1.05rem !important;
outline: none !important;
box-shadow: none !important;
}
.kis-club-form input::placeholder {
color: rgba(255,255,255,0.4);
}
.kis-club-form button {
background: #fff !important;
color: #111 !important;
border: none !important;
border-radius: 999px !important;
padding: 16px 36px !important;
font-weight: 700 !important;
font-size: 0.95rem !important;
letter-spacing: -0.2px !important;
cursor: pointer !important;
transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.kis-club-form button:hover {
transform: scale(1.03) !important;
}
@media(max-width: 768px) {
.kis-club-wrap {
padding: 50px 24px;
border-radius: 28px;
margin: 60px 0 20px 0;
}
.kis-club-content h2 {
font-size: 2.6rem !important;
}
.kis-club-content p {
font-size: 1rem;
}
.kis-club-form {
flex-direction: column;
background: transparent;
border: none;
padding: 0;
gap: 12px;
}
.kis-club-form input {
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(255,255,255,0.12) !important;
padding: 18px 20px !important;
border-radius: 16px !important;
text-align: center;
}
.kis-club-form button {
width: 100%;
border-radius: 16px !important;
padding: 18px !important;
font-size: 1.05rem !important;
}
}
/* ========================================================== */
/* PREMIUM FOOTER */
/* ========================================================== */
.kis-ft {
background: linear-gradient(180deg, #1e2126 0%, #141618 100%);
color: rgba(255,255,255,0.55);
font-family: 'Inter', -apple-system, sans-serif;
font-size: 0.9rem;
line-height: 1.6;
margin-top: 0;
position: relative;
}
/* Subtelna linia separatora z delikatnym glow */
.kis-ft-separator {
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.12) 50%, transparent 100%);
}
/* ---- 3-kolumnowy grid ---- */
.kis-ft-grid {
max-width: 1100px;
margin: 0 auto;
padding: 64px 40px 0 40px;
display: grid;
grid-template-columns: 1.4fr 1fr 1.2fr;
gap: 56px;
}
/* ---- Brand ---- */
.kis-ft-logo {
width: 72px;
height: 72px;
border-radius: 14px;
object-fit: contain;
margin-bottom: 16px;
display: block;
}
.kis-ft-desc {
font-size: 0.88rem;
color: rgba(255,255,255,0.4);
line-height: 1.55;
margin: 0 0 20px 0;
}
.kis-ft-social {
display: flex;
align-items: center;
gap: 14px;
}
.kis-ft-social a {
color: rgba(255,255,255,0.35);
text-decoration: none;
transition: color 0.2s ease;
display: flex;
line-height: 1;
}
.kis-ft-social a:hover {
color: #fff;
}
/* ---- Nagłówki kolumn ---- */
.kis-ft-heading {
font-family: 'Inter', sans-serif !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 0 20px 0 !important;
letter-spacing: -0.2px !important;
visibility: visible !important;
display: block !important;
opacity: 1 !important;
}
/* ---- Listy linków ---- */
.kis-ft-list {
list-style: none;
padding: 0;
margin: 0;
}
.kis-ft-list li {
margin-bottom: 11px;
display: flex;
align-items: center;
gap: 10px;
}
.kis-ft-list a,
.kis-ft-list span {
color: rgba(255,255,255,0.5);
text-decoration: none;
font-size: 0.88rem;
transition: color 0.15s ease;
}
.kis-ft-list a:hover {
color: #fff;
}
/* Ikonki kontaktowe */
.kis-ft-contact .kis-ft-list svg {
color: rgba(255,255,255,0.3);
flex-shrink: 0;
}
/* ---- Bottom bar ---- */
.kis-ft-bottom {
max-width: 1100px;
margin: 0 auto;
padding: 24px 40px;
margin-top: 56px;
border-top: 1px solid rgba(255,255,255,0.06);
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: calc(24px + env(safe-area-inset-bottom));
}
.kis-ft-copy {
font-size: 0.75rem;
color: rgba(255,255,255,0.2);
}
.kis-ft-pay {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.kis-pay-card {
width: 48px;
height: 30px;
background: #ffffff !important;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.kis-pay-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.kis-pay-icon {
max-width: 34px;
max-height: 18px;
height: auto;
width: auto;
object-fit: contain;
display: block;
}
.kis-pay-icon--light {
/* unused */
}
/* ---- Mobile ---- */
@media(max-width: 768px) {
.kis-ft-grid {
grid-template-columns: 1fr;
gap: 40px;
padding: 48px 24px 0 24px;
}
.kis-ft-bottom {
flex-direction: column;
gap: 20px;
text-align: center;
padding: 24px;
margin-top: 40px;
padding-bottom: calc(90px + env(safe-area-inset-bottom));
}
.kis-ft-pay {
justify-content: center;
flex-wrap: wrap;
}
}
/* ---- Single Product Mobile Optimization ---- */
@media(max-width: 768px) {
/* Title & Gallery - Remove gaps */
.woocommerce-product-gallery {
margin-bottom: -5px !important;
margin-top: -10px !important;
padding-bottom: 0 !important;
}
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.entry-summary, .summary.entry-summary {
padding-top: 0 !important;
margin-top: 0 !important;
}
.product_title {
font-size: 1.5rem !important;
line-height: 1.2 !important;
margin-bottom: 4px !important;
margin-top: 0px !important;
}
.summary .price {
font-size: 1.6rem !important;
margin-top: 0 !important;
margin-bottom: 8px !important;
}
.woocommerce-product-details__short-description {
margin-bottom: 10px !important;
}
.woocommerce-product-details__short-description p {
margin-bottom: 5px !important;
}
/* Trust Bar (Centered under ATC) */
.kis-trust-bar {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px 15px !important;
margin: 8px 0 5px 0 !important;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
justify-content: center !important;
width: 100% !important;
clear: both !important;
}
.kis-trust-item {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 11px !important;
color: #444 !important;
font-weight: 500 !important;
flex: 0 0 auto !important;
}
.kis-trust-item svg {
color: #2ecc71 !important;
flex-shrink: 0 !important;
}
/* Phone Order Notification (Simplified & Centered) */
.kis-phone-notification {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 5px 0 0 0 !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
clear: both !important;
}
.kis-phone-notification::before {
content: "📞";
font-size: 14px;
}
.kis-phone-notification .kis-pn-label {
font-size: 13px !important;
text-transform: none !important;
color: #000 !important !important;
font-weight: 500 !important;
display: inline !important;
}
.kis-phone-notification a {
font-size: 14px !important;
font-weight: 700 !important;
color: #000 !important !important;
text-decoration: underline !important;
}
/* UpSells Redesign (Bento Style) */
.cuw-fbt-wrap, .cuw-product-addons {
margin-top: 0px !important;
padding: 0 5px !important;
}
.cuw-fbt-wrap h2, .cuw-product-addons h2 {
font-family: var(--font-display) !important;
font-size: 1.2rem !important;
margin-bottom: 10px !important;
text-align: center !important;
}
.cuw-product-addons .cuw-product.cuw-product-row,
#cuw_fbt_form .cuw-product-row {
background: #ffffff !important;
border: 1px solid #e5e5e5 !important;
border-radius: 12px !important;
padding: 10px !important;
margin-bottom: 6px !important;
display: flex !important;
align-items: center !important;
flex-direction: row !important;
height: auto !important;
width: 100% !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}
.cuw-product-row .cuw-checkbox-wrap {
margin-right: 12px !important;
display: flex !important;
align-items: center !important;
}
.cuw-product-row .cuw-image {
width: 45px !important;
height: 45px !important;
margin-right: 10px !important;
border-radius: 8px !important;
overflow: hidden !important;
border: 1px solid #f0f0f0 !important;
flex-shrink: 0 !important;
}
.cuw-product-row .cuw-image img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
.cuw-product-row .cuw-details {
flex: 1 !important;
text-align: left !important;
}
.cuw-product-row .cuw-title {
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: #000 !important !important;
text-decoration: none !important;
display: block !important;
}
.cuw-product-row .cuw-price {
font-size: 12px !important;
font-weight: 700 !important;
color: #000 !important !important;
}
/* Frequently bought together - Revolut Premium Style (Flat, Centered, Pill) */
.cuw-fbt-wrap {
margin-top: 0px !important;
background: #fdfdfd !important;
padding: 8px 0 15px 0 !important;
border-radius: 24px !important;
margin-left: -5px !important;
margin-right: -5px !important;
overflow: hidden !important;
border: 1px solid #f4f4f4 !important;
box-shadow: none !important;
}
.cuw-fbt-products, .cuw-fbt-products-wrap, .cuw-fbt-products .cuw-form {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* Fix for H2 margin on mobile to tighten top space */
.cuw-fbt-products h2 {
margin-top: 0 !important;
margin-bottom: 12px !important;
}
/* Radical Grid Force: Scoped ONLY to FBT to protect Add-ons */
.cuw-fbt-wrap .cuw-fbt-product, .cuw-fbt-wrap .cuw-product, .cuw-fbt-wrap .cuw-product-row,
section.cuw-fbt-products .cuw-fbt-product, section.cuw-fbt-products .cuw-product, section.cuw-fbt-products .cuw-product-row {
background: #fff !important;
border: 1px solid #f0f0f0 !important;
border-radius: 20px !important;
padding: 12px 15px !important;
width: 92% !important;
max-width: 92% !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 80px 1fr 40px !important;
grid-template-rows: auto !important;
align-items: center !important;
gap: 12px !important;
box-shadow: none !important;
box-sizing: border-box !important;
min-height: 95px !important;
cursor: pointer !important;
}
/* Essential: Bypass nested containers that break the grid row */
.cuw-fbt-wrap .cuw-fbt-product > div, .cuw-fbt-wrap .cuw-product-row > div, .cuw-fbt-wrap .cuw-product-content,
section.cuw-fbt-products .cuw-fbt-product > div, section.cuw-fbt-products .cuw-product-row > div, section.cuw-fbt-products .cuw-product-content {
display: contents !important; /* Make parent irrelevant to layout */
}
/* Element Positioning in Grid */
.cuw-fbt-wrap .cuw-fbt-image, .cuw-fbt-wrap .cuw-product-image, .cuw-fbt-wrap [class*="cuw-image"],
section.cuw-fbt-products .cuw-fbt-image, section.cuw-fbt-products .cuw-product-image, section.cuw-fbt-products [class*="cuw-image"] {
grid-column: 1 !important;
width: 75px !important;
height: 75px !important;
background: #f4f4f4 !important;
border-radius: 12px !important;
padding: 5px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Combined Details Row */
.cuw-fbt-wrap .cuw-product-details, .cuw-fbt-wrap .cuw-fbt-title, .cuw-fbt-wrap .cuw-fbt-price,
.cuw-fbt-wrap [class*="cuw-title"], .cuw-fbt-wrap [class*="cuw-price"],
section.cuw-fbt-products .cuw-product-details, section.cuw-fbt-products .cuw-fbt-title, section.cuw-fbt-products .cuw-fbt-price,
section.cuw-fbt-products [class*="cuw-title"], section.cuw-fbt-products [class*="cuw-price"] {
grid-column: 2 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
}
.cuw-fbt-wrap .cuw-fbt-title, .cuw-fbt-wrap [class*="cuw-title"],
section.cuw-fbt-products .cuw-fbt-title, section.cuw-fbt-products [class*="cuw-title"] {
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
margin: 0 0 2px 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.cuw-fbt-wrap .cuw-fbt-price, .cuw-fbt-wrap [class*="cuw-price"],
section.cuw-fbt-products .cuw-fbt-price, section.cuw-fbt-products [class*="cuw-price"] {
font-size: 13px !important;
font-weight: 700 !important;
}
/* Hide clutter ONLY in FBT */
.cuw-fbt-wrap .cuw-product-quantity, .cuw-fbt-wrap .quantity,
section.cuw-fbt-products .cuw-product-quantity, section.cuw-fbt-products .quantity {
display: none !important;
}
/* Large Circular Checkbox on the Right (FBT Only) */
.cuw-fbt-wrap .cuw-fbt-product input[type="checkbox"],
.cuw-fbt-wrap input[type="checkbox"][class*="cuw"],
section.cuw-fbt-products .cuw-fbt-product input[type="checkbox"],
section.cuw-fbt-products input[type="checkbox"][class*="cuw"] {
grid-column: 3 !important;
appearance: none !important;
-webkit-appearance: none !important;
width: 28px !important;
height: 28px !important;
border: 2px solid #ddd !important;
border-radius: 50% !important;
background: #fff !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
justify-self: center !important;
pointer-events: none !important; /* Allow the JS card click to handle toggling safely without double-fires */
}
/* Selected state styling based on JS applying .is-selected */
.is-selected input[type="checkbox"] {
background: #000 !important !important;
border-color: #000 !important !important;
}
.is-selected input[type="checkbox"]::after {
content: "✓" !important;
color: #fff !important;
font-size: 14px !important;
font-weight: bold !important;
}
/* The native check state fallback just in case */
.cuw-fbt-wrap input[type="checkbox"]:checked,
section.cuw-fbt-products input[type="checkbox"]:checked {
background: #000 !important !important;
border-color: #000 !important !important;
}
/* Summary Card Style (Revolut Light Surface) */
.cuw-fbt-total, .cuw-buy-section, .cuw-column.cuw-buy-section {
background: #f4f4f4 !important;
border: none !important;
padding: 8px 20px 18px 20px !important;
margin-top: 0 !important;
border-radius: 22px !important;
}
/* Mobile specific condensation to override flex gaps and parent margins */
@media (max-width: 768px) {
section.cuw-fbt-products {
margin-top: -15px !important;
}
.cuw-fbt-products h2 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.cuw-fbt-products .cuw-buy-section {
margin-top: -12px !important;
padding-top: 5px !important; /* Minimal spacing for text visibility */
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 0 !important; /* Flush edges look tighter */
}
.cuw-fbt-products .cuw-total-price-section {
margin-top: 0 !important;
}
}
.cuw-fbt-total button.cuw-fbt-add-to-cart,
button.cuw-fbt-add-to-cart {
background: #000 !important !important;
color: #fff !important;
border-radius: 9999px !important;
padding: 16px 32px !important;
font-weight: 600 !important;
width: 100% !important;
border: none !important;
}
/* Tabs & Content Below */
.woocommerce-tabs {
margin-top: 15px !important;
}
.woocommerce-tabs ul.tabs {
margin-bottom: 5px !important;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
padding-top: 10px !important;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2:first-of-type {
margin-top: 5px !important;
margin-bottom: 10px !important;
}
/* Related Products - tighten spacing */
.related.products,
section.related.products,
.up-sells.upsells.products,
.botiga-related-products,
.single-product section.related {
margin-top: 5px !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
}
.related.products > h2,
section.related.products > h2,
.up-sells.upsells.products > h2,
.single-product section.related > h2 {
margin-top: 0 !important;
margin-bottom: 8px !important;
padding-top: 0 !important;
}
/* Delivery countdown timer widget - tighten */
.woocommerce-delivery-timer,
.delivery-timer,
[class*="delivery-timer"],
[class*="delivery_timer"] {
margin-top: 5px !important;
margin-bottom: 5px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
/* General single product vertical spacing reduction */
.single-product .entry-summary > *:last-child {
margin-bottom: 5px !important;
}
.single-product .product > .woocommerce-tabs {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
/* Botiga Specific Summary Spacing */
.botiga-single-addtocart-wrapper {
margin-top: 0px !important;
margin-bottom: 0px !important;
row-gap: 8px !important;
}
form.cart {
margin-top: 8px !important;
margin-bottom: 8px !important;
padding-bottom: 0 !important;
}
.quantity {
margin-bottom: 0 !important;
}
.cuw-product-addons, .cuw-fbt-wrap {
margin-bottom: 0px !important;
}
.botiga-quantity-wrapper {
margin-bottom: 0 !important;
}
.kis-phone-notification {
margin: 10px 0 0 0 !important;
}
}
/* ---- Desktop Redesign (Premium Bento Style) ---- */
@media(min-width: 769px) {
/* 1. Frequently Bought Together (Compact & Clean Style - THE MIRROR) */
html body .cuw-fbt-products,
html body .cuw-fbt-products.cuw-products.cuw-template {
max-width: 1100px !important; /* Idealne dopasowanie do szarego pola */
margin: 5px auto !important;
padding: 5px !important;
background: transparent !important;
border: none !important;
display: block !important;
}
html body .cuw-fbt-products h2 {
text-align: center !important;
margin-top: 0 !important;
margin-bottom: 5px !important;
font-size: 32px !important;
font-weight: 700 !important;
letter-spacing: -1px !important;
color: #1a1c1f !important;
}
/* Ostateczne wymuszenie Gridu Horyzontalnego - COMPACT */
html body .cuw-fbt-products .cuw-form {
display: grid !important;
grid-template-columns: 180px auto 180px auto 180px 280px !important;
gap: 0 !important;
width: 100% !important;
align-items: center !important;
justify-content: center !important;
}
/* COMPACT IMAGE SIZE (180px) */
html body .cuw-fbt-products .cuw-form .cuw-product .cuw-product-image,
html body .cuw-fbt-products .cuw-form .cuw-fbt-product .cuw-product-image {
width: 180px !important;
height: 180px !important;
min-width: 180px !important;
max-width: 180px !important;
margin: 0 !important;
object-fit: contain !important;
background: transparent !important;
display: block !important;
transition: transform 0.4s ease !important;
}
html body .cuw-fbt-products .cuw-product:hover .cuw-product-image {
transform: scale(1.05) !important;
}
html body .cuw-fbt-products .cuw-product {
background: transparent !important;
border: none !important;
padding: 5px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
position: relative !important;
width: 180px !important;
}
html body .kis-fbt-plus {
font-size: 36px !important;
font-weight: 200 !important;
color: #ccd1d5 !important;
padding: 0 15px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 180px !important;
}
html body .cuw-fbt-products .cuw-product-title {
font-size: 13px !important;
font-weight: 500 !important;
color: #1a1c1f !important;
margin-top: 10px !important;
margin-bottom: 5px !important;
height: auto !important;
max-width: 160px !important;
line-height: 1.3 !important;
}
html body .cuw-fbt-products .cuw-product-price {
font-size: 16px !important;
font-weight: 700 !important;
color: #1a1c1f !important;
}
/* Checkmark inside image corner */
html body .cuw-fbt-products .cuw-product-checkbox {
position: absolute !important;
top: 2px !important;
right: 10px !important;
width: 20px !important;
height: 20px !important;
z-index: 10 !important;
cursor: pointer !important;
accent-color: #1a1c1f !important;
}
/* Blokada odznaczania pierwszego produktu */
html body .cuw-fbt-products .cuw-product.is-mandatory {
pointer-events: none !important;
cursor: default !important;
}
html body .cuw-fbt-products .cuw-product.is-mandatory .cuw-product-checkbox {
opacity: 0.8 !important;
}
/* Panel boczny - ULTRA COMPACT (280px) */
html body .cuw-fbt-products .cuw-buy-section {
grid-column: 6 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
padding-left: 40px !important;
margin-top: 0 !important;
border: none !important;
background: transparent !important;
width: 280px !important;
min-width: 280px !important;
}
html body .cuw-fbt-products .cuw-total-price {
font-size: 28px !important;
font-weight: 700 !important;
margin: 5px 0 15px 0 !important;
color: #1a1c1f !important;
letter-spacing: -1px !important;
}
html body .cuw-fbt-products .cuw-total-price span {
font-size: 12px !important;
font-weight: 500 !important;
color: #7d858d !important;
display: block !important;
margin-bottom: 5px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
/* Klasyczny Czarny Przycisk "Dodaj zestaw" (Compact Width) */
html body .woocommerce .cuw-fbt-products button.button.alt.cuw-add-to-cart,
html body .woocommerce .cuw-fbt-products button.button.cuw-add-to-cart,
html body .cuw-fbt-products button.button.single_add_to_cart_button {
background-color: #1a1c1f !important;
background: #1a1c1f !important;
color: #fff !important;
border-radius: 100px !important;
padding: 18px 30px !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
width: auto !important;
min-width: 220px !important;
max-width: 260px !important;
border: none !important;
white-space: nowrap !important;
text-transform: none !important;
}
html body .cuw-fbt-products button.button:hover {
background-color: #000 !important;
background: #000 !important;
transform: translateY(-2px) !important;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}
/* 2. Add-ons (Top Section - ULTRA COMPACT MIRROR STYLE) */
.cuw-product-addons {
grid-area: addons !important;
width: 100% !important;
margin-bottom: 5px !important;
padding: 0 !important;
}
.cuw-product-addons .cuw-product {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
padding: 6px 0 !important;
border: none !important;
background: transparent !important;
margin-bottom: 0 !important;
width: 100% !important;
}
.cuw-product-addons .cuw-product-checkbox {
width: 18px !important;
height: 18px !important;
margin: 0 12px 0 0 !important;
flex-shrink: 0 !important;
order: -1 !important;
}
.cuw-product-addons .cuw-product-image {
width: 50px !important;
height: 50px !important;
margin: 0 15px 0 0 !important;
border-radius: 10px !important;
flex-shrink: 0 !important;
order: 0 !important;
}
.cuw-product-addons .cuw-product-title {
display: block !important;
width: 100% !important;
flex: none !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #111 !important;
margin: 0 !important;
white-space: normal !important;
line-height: 1.3 !important;
}
.cuw-product-addons .cuw-product-price {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #111 !important;
margin-left: 0 !important;
margin-top: 4px !important;
white-space: nowrap !important;
}
/* 3. Main Product Summary Grid (WIDE ATC BUTTON) */
.botiga-single-addtocart-wrapper {
display: grid !important;
grid-template-areas:
"addons addons"
"quantity button" !important;
grid-template-columns: 130px 1fr !important; /* COMPACT QTY, DOMINANT BUTTON */
column-gap: 15px !important;
row-gap: 15px !important;
align-items: center !important;
margin-top: 5px !important;
width: 100% !important;
}
.single-product .summary .single_add_to_cart_button {
width: 100% !important;
justify-content: center !important;
}
.botiga-quantity-wrapper {
grid-area: quantity !important;
margin-bottom: 0 !important;
}
.quantity {
display: flex !important;
align-items: center !important;
background: #f1f3f5 !important;
border-radius: 9999px !important;
padding: 5px 10px !important;
max-width: none !important;
width: auto !important;
min-width: 140px !important;
height: 54px !important;
box-sizing: border-box !important;
}
.botiga-quantity-minus,
.botiga-quantity-plus {
width: 38px !important;
height: 38px !important;
background: #fff !important;
border-radius: 50% !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
border: none !important;
padding: 0 !important;
color: #000 !important;
font-weight: bold !important;
font-size: 18px !important;
transition: transform 0.2s ease !important;
}
.botiga-quantity-minus:hover,
.botiga-quantity-plus:hover {
transform: scale(1.05) !important;
background: #fafafa !important;
}
.quantity input[type="number"] {
background: transparent !important;
border: none !important;
width: 40px !important;
font-size: 18px !important;
font-weight: 600 !important;
padding: 0 !important;
text-align: center !important;
-moz-appearance: textfield !important;
}
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
}
.single-product .summary .single_add_to_cart_button {
grid-area: button !important;
max-width: 500px !important;
width: 100% !important;
border-radius: 9999px !important;
padding: 18px 45px !important;
font-size: 16px !important;
margin-top: 0 !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
}
form.cart {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
/* 3. Related Products (4 Columns) */
.related.products ul.products,
.up-sells.products ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
column-gap: 30px !important;
row-gap: 40px !important;
}
.related.products ul.products::before,
.related.products ul.products::after {
display: none !important;
}
.related.products ul.products li.product,
.up-sells.products ul.products li.product {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* 4. Trust Bar Alignment (Desktop - Centered 10.9px) */
.kis-trust-bar {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
gap: 20px !important;
margin-top: 15px !important;
margin-bottom: 5px !important;
padding-left: 0 !important;
list-style: none !important;
width: 100% !important;
max-width: 510px !important;
}
.kis-trust-item {
margin: 0 !important;
font-size: 10.9px !important;
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
color: #666 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
font-weight: 500 !important;
}
.kis-trust-item i,
.kis-trust-item svg {
margin-right: 5px !important;
font-size: 12px !important;
flex-shrink: 0 !important;
opacity: 0.8 !important;
}
.kis-phone-notification {
display: none !important;
}
/* Delivery timer section Desktop - tighten */
.woocommerce-delivery-timer,
.delivery-timer {
margin-top: 5px !important;
padding-top: 5px !important;
}
.botiga-divider-delivery-timer {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
/* 5. Spacing Tweaks (Desktop) */
.product_title {
font-size: 2.5rem !important;
margin-bottom: 12px !important;
}
.summary .price {
font-size: 2rem !important;
margin-bottom: 10px !important;
}
.woocommerce-product-details__short-description {
margin-bottom: 15px !important;
}
.woocommerce-product-details__short-description p {
margin-bottom: 8px !important;
}
}
/* Ostateczne wyrównanie poziome Qty + ATC na Desktop */
@media(min-width: 769px) {
.botiga-single-addtocart-wrapper {
align-items: center !important;
}
.quantity {
margin: 0 !important;
/* Wymuszamy tę samą wysokość co przycisk lub zbliżoną dla idealnego balansu */
height: 60px !important;
}
.single-product .summary .single_add_to_cart_button {
height: 60px !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
}
/* Premium Sticky Gallery on Desktop - Corrected with Boundary */
@media(min-width: 992px) {
.kis-product-main-row {
display: flex !important;
align-items: flex-start !important;
gap: 40px !important;
width: 100% !important;
margin-bottom: 40px !important;
position: relative !important;
}
.woocommerce-product-gallery {
position: -webkit-sticky !important;
position: sticky !important;
top: 100px !important;
height: auto !important;
align-self: flex-start !important;
z-index: 10 !important;
flex: 1 !important;
min-width: 0 !important;
}
.summary.entry-summary {
flex: 0 0 48% !important;
max-width: 48% !important;
margin: 0 !important;
padding-right: 15px !important;
min-width: 0 !important;
}
/* Resetowanie starych układów Botiga, które kolidują z naszym gridem */
.botiga-single-product,
.single-product div.product,
.product-gallery-summary {
display: block !important;
overflow: visible !important;
}
/* 6. Desktop Spacing Reductions (Atomowa Kondensacja - Final Phase) */
html body .content-wrapper {
margin-top: 15px !important;
}
html body .kis-product-main-row {
margin-bottom: 5px !important;
}
.botiga-single-product-wrapper {
margin-top: 0 !important;
}
.woocommerce-product-details__short-description {
margin-bottom: 5px !important;
}
.cuw-product-addons {
margin-top: 0 !important;
}
html body .cuw-fbt-products {
margin-top: 5px !important;
margin-bottom: 5px !important;
padding-top: 5px !important;
padding-bottom: 0 !important;
}
h2.cuw-heading.cuw-template-title {
margin-bottom: 5px !important;
}
.woocommerce-tabs {
margin-top: 5px !important;
margin-bottom: 10px !important;
padding-top: 0 !important;
}
.woocommerce-tabs .woocommerce-product-attributes {
margin-bottom: 10px !important;
}
}
/* Ostateczne zabicie koralowego tła i rysunków na WSZYSTKICH urządzeniach */
section.up-sells.upsells.products,
section.related.products {
padding-top: 5px !important;
margin-top: 0 !important;
background: transparent !important;
position: relative !important;
background-color: transparent !important;
}
.single-product .site-main > .product > section.products:nth-child(2n)::after {
display: none !important;
background: transparent !important;
}
section.related.products h2::before,
section.related.products h2::after,
section.up-sells.products h2::before,
section.up-sells.products h2::after,
.related.products .kis-doodle,
.upsells.products .kis-doodle {
display: none !important;
}
/* ========================================================== */
/* PREMIUM CART TOAST (FLOATING NOTICE) */
/* ========================================================== */
/* Ukrycie standardowego komunikatu WooCommerce na stronie produktu */
.single-product .woocommerce-message {
display: none !important;
}
/* Usunięcie pustej przestrzeni po ukrytym komunikacie */
.single-product .woocommerce-notices-wrapper {
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.kis-cart-toast {
position: fixed;
bottom: -100px; /* Start ukryty pod krawędzią */
left: 50%;
transform: translateX(-50%);
background: #000 !important;
color: #fff;
padding: 10px 14px 10px 20px;
border-radius: 99px;
z-index: 100000;
display: flex;
align-items: center;
gap: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.25);
min-width: 320px;
max-width: 95vw;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
font-family: var(--font-display), sans-serif;
font-size: 14px;
font-weight: 500;
opacity: 0;
color: #fff !important; /* Wymuszona biel tekstu */
}
.kis-cart-toast strong,
.kis-cart-toast span,
.kis-cart-toast div {
color: #fff !important;
}
.kis-cart-toast.is-visible {
bottom: 85px; /* Nad mobile app bar */
opacity: 1;
}
/* Dostosowanie dla Desktop */
@media (min-width: 769px) {
.kis-cart-toast.is-visible {
bottom: 30px;
}
}
.kis-cart-toast .kis-toast-icon {
color: #00a87e; /* Success teal */
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.kis-cart-toast .kis-toast-btn {
background: #fff !important;
color: #000 !important;
padding: 8px 18px !important;
border-radius: 99px !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
white-space: nowrap !important;
margin-left: auto;
border: none !important;
transition: opacity 0.2s ease !important;
}
.kis-cart-toast .kis-toast-btn:hover {
opacity: 0.9 !important;
}
/* ========================================================== */
/* PREMIUM MOBILE CART (REVOLUT STYLE) */
/* ========================================================== */
@media (max-width: 768px) {
/* Tło dla strony koszyka dla wyodrębnienia kart */
.woocommerce-cart {
background-color: #f6f8fb !important;
}
.woocommerce-cart .site-main {
padding-top: 10px !important;
}
/* Nagłówek Koszyka - Usunięcie przerw Botiga */
.woocommerce-cart .site-main {
padding-top: 0 !important;
}
.woocommerce-cart .container.content-wrapper {
margin-top: 0 !important;
}
.woocommerce-cart .entry-header {
margin-bottom: 0 !important;
}
.woocommerce-cart h1.entry-title {
font-size: 24px !important;
text-align: center !important;
margin: 0 !important;
padding: 5px 0 !important;
font-weight: 700 !important;
font-family: var(--font-display) !important;
}
/* Ukrycie natywnych nagłówków tabeli */
.woocommerce-cart table.cart thead {
display: none !important;
}
/* Zamiana rzędów w eleganckie KARTY */
.woocommerce-cart table.cart tr.cart_item {
display: block !important;
background: #fff !important;
border-radius: 20px !important;
margin-bottom: 16px !important;
padding: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.05) !important;
position: relative !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
overflow: hidden !important;
}
.woocommerce-cart table.cart td {
display: block !important;
text-align: left !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
/* Pozycjonowanie Miniaturki */
.woocommerce-cart table.cart td.product-thumbnail {
float: left !important;
width: 85px !important;
margin-right: 15px !important;
margin-bottom: 10px !important;
}
.woocommerce-cart table.cart td.product-thumbnail img {
width: 85px !important;
height: auto !important;
border-radius: 12px !important;
}
/* Nazwa Produktu */
.woocommerce-cart table.cart td.product-name {
font-size: 15px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
padding-right: 35px !important; /* Miejsce na przycisk usuwania */
line-height: 1.3 !important;
}
.woocommerce-cart table.cart td.product-name a {
color: var(--rui-dark) !important;
text-decoration: none !important;
}
/* Przycisk Usuwania ("x") - Nowoczesne pozycjonowanie */
.woocommerce-cart table.cart td.product-remove {
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 10 !important;
}
.woocommerce-cart table.cart td.product-remove a {
font-size: 26px !important;
color: #e0e0e0 !important;
text-decoration: none !important;
line-height: 1 !important;
}
/* Ukrycie ceny jednostkowej i etykiet by oszczędzić miejsce */
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td::before {
display: none !important;
}
/* Suma Produktu (Subtotal) */
.woocommerce-cart table.cart td.product-subtotal {
font-family: var(--font-display) !important;
font-weight: 700 !important;
font-size: 18px !important;
color: var(--rui-dark) !important;
margin-top: -42px !important;
text-align: right !important;
}
/* Selektor Ilości - Powiększony */
.woocommerce-cart table.cart td.product-quantity {
margin-top: 5px !important;
display: inline-block !important;
}
.woocommerce-cart table.cart td.product-quantity .quantity {
height: 52px !important;
width: 115px !important;
border-radius: 12px !important;
border: 1px solid #f0f1f5 !important;
display: flex !important;
align-items: center !important;
background: #fafbfc !important;
}
.woocommerce-cart table.cart td.product-quantity .quantity input {
font-size: 17px !important;
font-weight: 700 !important;
}
.woocommerce-cart table.cart td.product-quantity .quantity .btn-qty {
width: 35px !important;
font-size: 18px !important;
}
/* Odstęp pod selektorami ilości w karcie produktu */
.woocommerce-cart table.cart td.product-quantity {
padding-bottom: 25px !important;
display: block !important;
}
.woocommerce .cart_totals {
background: transparent !important;
padding: 0 15px !important;
margin: 0 0 140px 0 !important;
border: none !important;
box-shadow: none !important;
float: none !important;
width: 100% !important;
}
.woocommerce .cart_totals h2 {
font-family: var(--font-display) !important;
font-size: 1.5rem !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important; /* Dobicie góry */
font-weight: 800 !important;
color: #000 !important;
text-align: left !important;
padding-left: 0 !important;
text-transform: none !important;
}
.woocommerce .cart_totals table.shop_table {
border: none !important;
background: transparent !important;
width: 100% !important;
margin: 0 !important; /* Usunięcie przerw pod tabelą */
padding: 0 !important;
}
.woocommerce .cart_totals table.shop_table tr {
display: flex !important;
justify-content: space-between !important;
padding: 10px 0 !important; /* Zmniejszony padding rzędów */
border-bottom: 1px solid #f6f8fb !important;
align-items: center !important;
background: transparent !important;
}
/* Ukrywamy Sumę częściową - użytkownik chce tylko total */
.woocommerce .cart_totals table.shop_table tr.cart-subtotal {
display: none !important;
}
.woocommerce .cart_totals table.shop_table th {
font-family: var(--font-display) !important;
font-weight: 500 !important;
color: #8e94a3 !important;
font-size: 16px !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
width: auto !important;
text-align: left !important;
vertical-align: middle !important;
}
.woocommerce .cart_totals table.shop_table td {
font-family: var(--font-display) !important;
font-weight: 700 !important;
color: var(--rui-dark) !important;
font-size: 18px !important;
background: transparent !important;
text-align: right !important;
border: none !important;
padding: 0 !important;
vertical-align: middle !important;
}
.woocommerce table.shop_table_responsive tr td::before {
display: none !important; /* Usuwamy duplikaty etykiet Botiga */
}
.woocommerce .cart_totals .order-total {
border-bottom: none !important;
padding-top: 10px !important;
padding-bottom: 0 !important; /* Wyzerowanie dołu pod ceną */
}
.woocommerce .cart_totals .order-total th {
color: #000 !important;
font-weight: 800 !important;
font-size: 18px !important;
}
.woocommerce .cart_totals .order-total td {
font-size: 1.5rem !important; /* Nieco mniejszy font by się zmieścił */
color: #000 !important;
font-weight: 900 !important;
white-space: nowrap !important; /* Wymuszamy jedną linię */
letter-spacing: -0.5px !important;
}
.woocommerce .cart_totals .order-total td small {
font-size: 13px !important;
font-weight: 500 !important;
opacity: 0.7;
margin-left: 5px;
}
/* Redesign kuponu - Inline Layout (Premium App) */
.woocommerce-cart .coupon {
display: none !important; /* JS pokaże */
flex-direction: row !important;
gap: 8px !important;
background: #f8f9fb !important;
padding: 12px !important;
border-radius: 16px !important;
border: 1px solid #edf0f5 !important;
margin: 15px 0 !important;
width: 100% !important;
align-items: stretch !important;
}
.woocommerce-cart .coupon input#coupon_code {
flex: 1 !important;
height: 48px !important;
border-radius: 10px !important;
border: 1px solid #e0e2e9 !important;
padding: 0 12px !important;
font-family: var(--font-display) !important;
font-size: 14px !important;
background: #fff !important;
margin: 0 !important;
min-width: 0 !important;
}
.woocommerce-cart .coupon button[name="apply_coupon"] {
flex: 0 0 auto !important;
width: auto !important;
padding: 0 18px !important;
height: 48px !important;
background: #000 !important;
color: #fff !important;
border-radius: 10px !important;
font-weight: 700 !important;
text-transform: none !important;
font-size: 13px !important;
white-space: nowrap !important;
border: none !important;
margin: 0 !important;
}
.woocommerce-cart .coupon button[name="apply_coupon"]:active {
transform: scale(0.96);
}
.woocommerce-cart .coupon {
display: none !important;
}
.woocommerce-cart .woocommerce-cart-form {
margin-bottom: 0 !important;
}
/* Stylizacja przycisku aktualizacji na mobile */
.woocommerce-cart button[name="update_cart"] {
display: block !important;
background-color: #f7f8fa !important;
color: #ccd0d5 !important;
border-radius: 99px !important;
padding: 14px 24px !important;
font-weight: 700 !important;
width: 100% !important;
max-width: 280px !important;
margin: 5px auto 10px auto !important;
border: none !important;
font-size: 14px !important;
text-transform: none !important;
box-shadow: none !important;
opacity: 0.7 !important;
transition: all 0.2s ease !important;
}
/* Subtelny stan aktywny - CZARNY (ostateczny wybór) */
.woocommerce-cart button[name="update_cart"]:not(:disabled) {
background-color: #000 !important;
color: #fff !important;
opacity: 1 !important;
cursor: pointer !important;
}
.woocommerce-cart .cart-collaterals {
margin-top: 0 !important;
padding-top: 0 !important;
}
.woocommerce .cross-sells,
.cuw-products.cuw-product-recommendations-template {
margin-top: -25px !important;
}
.woocommerce .cross-sells h2,
.cuw-heading.cuw-template-title {
margin-top: 0 !important;
margin-bottom: 10px !important;
}
/* Statyczny Przycisk Checkout (Accessibility) pod totalsami */
.woocommerce-cart .wc-proceed-to-checkout {
display: block !important;
width: 100% !important;
margin: 0 0 30px 0 !important; /* Dociśnięcie do ceny (tylko 30px na dole) */
padding: 0 !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
display: block !important;
width: 100% !important;
background: #000 !important;
color: #fff !important;
padding: 18px !important; /* Nieco mniejszy padding */
text-align: center !important;
border-radius: 20px !important;
font-family: var(--font-display) !important;
font-weight: 800 !important;
font-size: 18px !important;
text-decoration: none !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
text-transform: none !important; /* Zgodnie z życzeniem bez uppercase */
}
/* Ukrycie sekcji wysyłki tylko w koszyku */
.woocommerce-cart .woocommerce-shipping-totals,
.woocommerce-cart .shipping,
.woocommerce-cart .woocommerce-shipping-destination {
display: none !important;
}
/* Ukrycie oryginalnego przycisku checkout TYLKO na desktopie (tam mamy sidebar) */
@media (min-width: 769px) {
.woocommerce-cart .wc-proceed-to-checkout {
display: none !important;
}
}
/* --- SLIDER HIDING (FLEXIBLE SHIPPING) --- */
.botiga-continue-shopping,
.flexible-shipping-notice,
.flexible-shipping-free-shipping-notice,
#flexible_shipping_free_shipping_notice,
.fs-free-shipping-notice-and-button-wrapper,
.flexible-shipping-notice-button,
.flexible-shipping-notice-text {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* Całkowite zabicie pustych boksów i powiadomień po 2gim sliderze */
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-cart .woocommerce-message:empty,
.woocommerce-cart .woocommerce-info:empty,
.woocommerce-cart .woocommerce-error:empty {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
}
/* --- PREMIUM NOTIFICATIONS (WOOCOMMERCE NOTICES) --- */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
background: #fff !important;
border: 1px solid #f0f2f5 !important;
border-radius: 16px !important;
padding: 20px !important;
margin: 0 0 25px 0 !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
font-family: var(--font-display) !important;
color: #000 !important;
font-size: 14px !important;
font-weight: 500 !important;
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
flex-direction: column !important;
gap: 10px !important;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
display: none !important; /* Usuwamy domyślne ikony WC */
}
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button {
background: #f0f2f5 !important;
color: #000 !important;
border-radius: 99px !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 8px 16px !important;
margin: 5px 0 0 0 !important;
float: none !important;
display: inline-block !important;
}
.woocommerce-error {
border-left: 4px solid #ff4d4d !important;
}
/* --- SHIPPING PROGRESS BAR (PREMIUM) --- */
html body.woocommerce-cart .kis-shipping-progress-wrap {
padding: 20px 25px !important;
background: #fff !important;
border-radius: 24px !important;
border: 1px solid #f0f2f5 !important;
margin: 0 0 10px 0 !important; /* Maksymalne zagęszczenie */
box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
display: block !important;
}
html body.woocommerce-cart .kis-shipping-msg {
font-family: var(--font-display) !important;
font-size: 16px !important;
margin-bottom: 15px !important;
color: #1a1c1f !important;
font-weight: 500 !important;
text-align: center !important;
display: block !important;
}
html body.woocommerce-cart .kis-progress-bg {
height: 12px !important;
background: #f0f2f5 !important;
border-radius: 99px !important;
overflow: hidden !important;
width: 100% !important;
display: block !important;
position: relative !important;
}
html body.woocommerce-cart .kis-progress-fill {
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
background: #000 !important;
border-radius: 99px !important;
transition: width 1s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
display: block !important;
}
/* --- 2. Karta Usług Dodatkowych --- */
.kis-cart-services-card {
background: #fff;
padding: 12px 20px 20px 20px !important;
border-radius: 20px;
border: 1px solid #f0f2f5;
margin: 10px 0 20px 0 !important; /* Mniejszy odstęp na mobile */
}
.woocommerce-cart .kis-cart-services-card h3 {
font-family: var(--font-display) !important;
font-size: 24px !important;
font-weight: 800 !important;
margin-top: 0 !important;
margin-bottom: 12px !important;
line-height: 1.4 !important;
color: #000 !important;
}
.kis-service-item {
padding: 12px 0;
border-bottom: 1px solid #f6f8fb;
width: 100%;
}
.kis-service-item:last-child {
border-bottom: none;
}
.kis-service-content {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
gap: 10px;
}
.kis-service-main {
display: flex !important;
align-items: center !important;
flex: 1 !important;
cursor: pointer;
margin: 0 !important;
gap: 12px;
}
.kis-service-cb {
display: none;
}
.kis-cb-custom {
width: 20px;
height: 20px;
border: 2px solid #e0e2e9;
border-radius: 6px;
position: relative;
flex-shrink: 0;
transition: all 0.2s ease;
}
.kis-service-cb:checked + .kis-cb-custom {
background: #000;
border-color: #000;
}
.kis-service-cb:checked + .kis-cb-custom::after {
content: '';
position: absolute;
left: 6px;
top: 2px;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.kis-service-label {
flex: 1;
font-size: 13px;
font-family: var(--font-display);
color: #444;
line-height: 1.3;
}
.kis-service-price {
font-size: 13px;
font-weight: 700;
color: #000;
margin-left: auto;
}
/* Tooltips */
.kis-tip-trigger {
display: inline-flex;
width: 22px;
height: 22px;
background: #f0f2f5;
border-radius: 50%;
color: #888;
font-size: 11px;
font-weight: 800;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
flex-shrink: 0;
transition: all 0.2s ease;
}
.kis-tip-trigger::after {
content: attr(data-tip);
position: absolute;
bottom: 150%;
right: 0;
width: 220px;
background: #000;
color: #fff;
font-size: 11px;
padding: 14px;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
opacity: 0;
visibility: hidden;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1001;
pointer-events: none;
word-wrap: break-word;
white-space: normal;
line-height: 1.5;
transform: translateY(10px);
}
.kis-tip-trigger.active::after {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Small triangle for tooltip */
.kis-tip-trigger::before {
content: "";
position: absolute;
bottom: 130%;
right: 5px;
border-width: 6px;
border-style: solid;
border-color: #000 transparent transparent transparent;
opacity: 0;
visibility: hidden;
z-index: 1001;
transition: all 0.2s ease;
}
.kis-tip-trigger.active::before {
opacity: 1;
visibility: visible;
}
/* --- CART TOTALS & CHECKOUT BUTTON --- */
.kis-manual-checkout-btn {
display: block !important;
background: #000 !important;
color: #fff !important;
text-align: center !important;
padding: 18px !important;
border-radius: 16px !important;
font-weight: 800 !important;
font-size: 16px !important;
text-decoration: none !important;
margin: 10px 0 30px 0 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
.cart_totals .fee,
table.shop_table_responsive tr.fee,
table.shop_table_responsive tr.fee td {
display: none !important;
}
/* --- 4. Projektor Upsell (CUW) --- */
.cuw-container {
background: #ffffff !important;
border-radius: 20px !important;
padding: 20px !important;
margin: 15px 0 !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
border: none !important;
}
.cuw-button {
background: #000 !important !important;
border-radius: 12px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: transform 0.2s ease !important;
}
.cuw-button:active {
transform: scale(0.98);
}
.cuw-offer-cta-text {
color: #ffffff !important;
font-weight: 600 !important;
letter-spacing: -0.5px !important;
}
.cuw-offer-price {
font-weight: 700 !important;
color: #000 !important !important;
}
.kis-trust-section {
margin: 15px 0 5px 0 !important;
}
.kis-trust-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 20px;
}
.kis-trust-item {
display: flex;
gap: 10px;
align-items: center;
background: #fff;
padding: 10px;
border-radius: 12px;
border: 1px solid #f0f2f5;
}
.kis-trust-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
color: #000;
display: block;
}
.kis-trust-item div strong {
display: block;
font-size: 11px;
font-weight: 800;
color: #000;
}
.kis-trust-item div span {
font-size: 10px;
color: #888;
}
.kis-logos-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
padding: 20px 20px 10px 20px !important;
background: #fff;
border-radius: 20px;
border: 1px solid #f0f2f5;
}
.kis-logos-row img {
height: 20px;
width: auto;
opacity: 0.7;
filter: grayscale(1);
transition: all 0.3s ease;
}
.kis-logos-row img:hover {
opacity: 1;
filter: grayscale(0);
}
/* Icons & Logos */
.kis-truck { background-image: url('data:image/svg+xml,'); }
.kis-clock { background-image: url('data:image/svg+xml,'); }
.kis-return { background-image: url('data:image/svg+xml,'); }
.kis-shield { background-image: url('data:image/svg+xml,'); }
/* Logo placeholders - Text based */
.kis-logo-visa::after { content: "VISA"; font-weight: 900; font-size: 10px; }
.kis-logo-mastercard::after { content: "MC"; font-weight: 900; font-size: 10px; }
.kis-logo-blik::after { content: "BLIK"; font-weight: 900; font-size: 10px; }
.kis-logo-inpost::after { content: "INPOST"; font-weight: 900; font-size: 10px; }
.kis-logo-dpd::after { content: "DPD"; font-weight: 900; font-size: 10px; }
.kis-logo-dhl::after { content: "DHL"; font-weight: 900; font-size: 10px; }
.kis-logo-orlen::after { content: "ORLEN"; font-weight: 900; font-size: 10px; }
}
/* --- STICKY CHECKOUT BAR (MOBILE ONLY) --- */
.kis-sticky-checkout {
display: none; /* Ukryty domyślnie, JS steruje wyświetlaniem na .woocommerce-cart */
}
@media (max-width: 768px) {
.woocommerce-cart .kis-sticky-checkout {
display: block;
position: fixed;
bottom: 65px; /* Nad dolną nawigacją aplikacji - POPRAWIONE */
left: 0;
right: 0;
background: #fff;
padding: 15px 20px;
box-shadow: 0 -10px 30px rgba(0,0,0,0.06);
z-index: 1000;
border-radius: 20px 20px 0 0;
border-top: 1px solid #f0f1f5;
}
.kis-sticky-inner {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 500px;
margin: 0 auto;
}
.kis-sticky-total .label {
display: block;
font-size: 11px;
color: #999;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 2px;
letter-spacing: 0.5px;
}
.kis-sticky-total .price {
font-size: 20px;
font-weight: 800;
color: var(--rui-dark);
font-family: var(--font-display);
}
.kis-sticky-btn {
background: #000 !important;
color: #fff !important;
padding: 16px 30px !important;
border-radius: 99px !important;
font-weight: 800 !important;
text-decoration: none !important;
font-size: 16px !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.kis-sticky-btn:active {
transform: scale(0.96);
}
}
/* --- DESKTOP PREMIUM REDESIGN (GRID) --- */
@media (min-width: 769px) {
/* Nuclear hide for unwanted elements - EXTREME SPECIFICITY */
body.woocommerce-cart .botiga-continue-shopping,
body.woocommerce-cart .entry-header,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart #flexible_shipping_free_shipping_notice,
body.woocommerce-cart .flexible-shipping-notice,
body.woocommerce-cart .flexible-shipping-notice-button,
body.woocommerce-cart .flexible-shipping-notice-text,
body.woocommerce-cart .fs-free-shipping-notice-and-button-wrapper,
body.woocommerce-cart .flexible-shipping-free-shipping-notice,
body.woocommerce-cart .flexible-shipping-free-shipping-button {
display: none !important;
}
/* STRICT CSS GRID - Body-prefixed for ultimate specificity */
body.woocommerce-cart .entry-content .woocommerce {
max-width: 1400px !important;
margin: 60px auto !important;
display: grid !important;
grid-template-columns: 1fr 440px !important; /* FLUID MAIN COLUMN */
gap: 60px !important;
align-items: flex-start !important;
float: none !important;
clear: both !important;
}
body.woocommerce-cart .kis-main-column-wrapper {
grid-column: 1 !important; /* Force to column 1 */
display: flex !important;
flex-direction: column !important;
gap: 40px !important;
min-width: 0 !important;
width: 100% !important;
}
body.woocommerce-cart .kis-desktop-sidebar {
grid-column: 2 !important; /* Force to column 2 */
width: 440px !important;
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
position: sticky !important;
top: 120px !important;
z-index: 10 !important;
}
/* --- PRODUCT TABLE RECONSTRUCTION --- */
body.woocommerce-cart .woocommerce-cart-form {
background: #fff !important;
padding: 40px !important;
border-radius: 40px !important;
border: 1px solid #f0f2f5 !important;
width: 100% !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.02) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form {
padding: 0 12px 8px !important;
border-radius: 32px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
box-shadow: none !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table {
display: block !important;
border: none !important;
width: 100% !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead {
display: none !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody {
display: block !important;
width: 100% !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item {
display: grid !important;
grid-template-columns: 100px 1fr 140px 120px 40px !important;
grid-template-areas: "img info qty price remove" !important;
align-items: center !important;
gap: 24px !important;
padding: 32px 0 !important;
border-bottom: 1px solid #f0f2f5 !important;
width: 100% !important;
background: #fff !important;
overflow: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form table.shop_table tr.cart_item {
grid-template-columns: 78px minmax(0, 1fr) 132px 110px 18px !important;
gap: 12px !important;
padding: 5px 12px !important;
border-bottom: none !important;
border-radius: 18px !important;
background: #fcfcfd !important;
min-height: 64px !important;
}
body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item:last-child {
border-bottom: none !important;
}
body.woocommerce-cart .cart_item .product-thumbnail { grid-area: img !important; }
body.woocommerce-cart .cart_item .product-thumbnail img { border-radius: 16px !important; width: 100px !important; height: auto !important; }
body.woocommerce-cart.kis-cart-desktop-active .cart_item .product-thumbnail img { border-radius: 14px !important; width: 72px !important; }
body.woocommerce-cart .cart_item .product-name { grid-area: info !important; text-align: left !important; padding-right: 20px !important; }
body.woocommerce-cart .cart_item .product-name a { font-family: var(--font-display) !important; font-weight: 700 !important; font-size: 19px !important; color: #000 !important; }
body.woocommerce-cart.kis-cart-desktop-active .cart_item .product-name { padding-right: 2px !important; }
body.woocommerce-cart.kis-cart-desktop-active .cart_item .product-name a { font-weight: 500 !important; font-size: 18px !important; line-height: 1.08 !important; letter-spacing: -0.3px !important; }
body.woocommerce-cart .cart_item .product-quantity { grid-area: qty !important; justify-self: center !important; }
body.woocommerce-cart.kis-cart-desktop-active .cart_item .product-quantity { justify-self: start !important; transform: scale(0.94) !important; transform-origin: left center !important; }
body.woocommerce-cart .cart_item .product-subtotal { grid-area: price !important; text-align: right !important; }
body.woocommerce-cart.kis-cart-desktop-active .cart_item .product-subtotal {
text-align: center !important;
justify-self: center !important;
align-self: center !important;
width: 100% !important;
}
body.woocommerce-cart .cart_item .product-subtotal .amount { font-family: var(--font-display) !important; font-weight: 700 !important; font-size: 22px !important; color: #000 !important; }
body.woocommerce-cart.kis-cart-desktop-active .cart_item .product-subtotal .amount { font-weight: 500 !important; font-size: 18px !important; letter-spacing: -0.2px !important; white-space: nowrap !important; }
body.woocommerce-cart .cart_item .product-remove { grid-area: remove !important; text-align: right !important; }
body.woocommerce-cart .cart_item .product-remove a { color: #ccc !important; font-size: 28px !important; text-decoration: none !important; line-height: 1 !important; display: block !important; }
body.woocommerce-cart.kis-cart-desktop-active .cart_item .product-remove a { font-size: 18px !important; color: #8d969e !important; }
body.woocommerce-cart .cart_item .product-remove a:hover { color: #000 !important; }
/* Hide unit price and ghost elements - PREVENT DUPLICATE PRICE */
body.woocommerce-cart .cart_item td.product-price,
body.woocommerce-cart .cart_item .product-price,
body.woocommerce-cart .cart_item dt,
body.woocommerce-cart .cart_item dd {
display: none !important;
}
/* Action Row Polish */
body.woocommerce-cart td.actions {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 40px 0 0 0 !important;
border: none !important;
width: 100% !important;
}
/* Cross-sells Fix */
body.woocommerce-cart .cross-sells {
width: 100% !important;
margin-top: 40px !important;
}
body.woocommerce-cart .cross-sells ul.products {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 32px !important;
width: 100% !important;
}
body.woocommerce-cart .cross-sells ul.products li.product {
width: 100% !important;
margin: 0 !important;
}
}
/* --- SIDEBAR COMPONENTS & POLISH (DESKTOP ONLY) --- */
body.woocommerce-cart .kis-desktop-sidebar .cart_totals {
background: #f9f9fb !important;
padding: 32px !important;
border-radius: 32px !important;
border: 1px solid #f0f2f5 !important;
width: 100% !important;
float: none !important;
}
body.woocommerce-cart .cart_totals h2 {
font-size: 20px !important;
font-weight: 800 !important;
margin-bottom: 24px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
body.woocommerce-cart .cart_totals table.shop_table {
margin-bottom: 24px !important;
}
body.woocommerce-cart .cart_totals tr th {
font-size: 14px !important;
color: #666 !important;
font-weight: 500 !important;
padding: 12px 0 !important;
}
body.woocommerce-cart .cart_totals tr td {
font-size: 16px !important;
font-weight: 700 !important;
text-align: right !important;
padding: 12px 0 !important;
}
body.woocommerce-cart .cart_totals tr.order-total td .amount {
font-size: 28px !important;
font-weight: 800 !important;
color: #000 !important;
}
/* Primary Checkout Button in Sidebar */
body.woocommerce-cart .cart_totals .checkout-button {
width: 100% !important;
padding: 20px !important;
font-size: 18px !important;
font-weight: 800 !important;
border-radius: 99px !important;
background: #000 !important;
color: #fff !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
transition: transform 0.2s ease !important;
}
/* Trust Card in Sidebar */
body.woocommerce-cart .kis-desktop-trust-card {
background: #fff;
padding: 32px;
border-radius: 32px;
border: 1px solid #f0f2f5;
display: flex;
flex-direction: column;
gap: 20px;
}
body.woocommerce-cart .kis-trust-list {
display: flex;
flex-direction: column;
gap: 16px;
}
body.woocommerce-cart .kis-trust-li {
display: flex;
align-items: center;
gap: 14px;
font-size: 15px;
font-weight: 500;
color: #000;
}
body.woocommerce-cart .kis-trust-logos {
display: flex;
justify-content: center;
gap: 20px;
padding-top: 20px;
border-top: 1px solid #f0f2f5;
}
body.woocommerce-cart .kis-trust-logos img {
height: 22px;
opacity: 0.6;
filter: grayscale(1);
}
/* Cross-sells Header Desktop */
body.woocommerce-cart .kis-main-column-wrapper .cross-sells h2 {
font-family: var(--font-display) !important;
font-size: 32px !important;
font-weight: 800 !important;
margin-bottom: 32px !important;
}
/* Cart inline add-ons - final desktop override */
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons {
margin: 6px 0 10px 78px !important;
padding: 0 !important;
background: transparent !important;
width: auto !important;
grid-area: auto !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons h2,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-heading,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product-checkbox,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-checkbox-wrap {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product-row {
display: grid !important;
grid-template-columns: 84px minmax(0, 1.5fr) 92px 116px minmax(180px, 210px) !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
padding: 12px 16px !important;
margin: 0 !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #f7f8fb !important;
box-shadow: none !important;
flex-wrap: nowrap !important;
height: auto !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product-image,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-image {
width: 72px !important;
height: 72px !important;
margin: 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #ffffff !important;
border: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product-image img,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-details {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
min-width: 0 !important;
text-align: left !important;
flex: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-title,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product-title {
display: block !important;
margin: 0 !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1.15 !important;
letter-spacing: -0.2px !important;
font-weight: 500 !important;
color: #191c1f !important;
text-decoration: none !important;
max-width: none !important;
height: auto !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-price,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product-price {
display: block !important;
margin: 0 !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: #191c1f !important;
white-space: nowrap !important;
justify-self: center !important;
width: auto !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-product-quantity,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .quantity {
display: flex !important;
align-items: center !important;
justify-self: center !important;
margin: 0 !important;
transform: scale(0.88) !important;
transform-origin: center !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .cuw-button,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons .button,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons button[class*="cuw"],
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-product-addons [class*="add-to-cart"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: 2px solid #191c1f !important;
box-shadow: none !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: none !important;
}
/* Cart offer templates from Checkout Upsell WooCommerce */
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer {
width: 100% !important;
margin: 6px 0 10px 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-container {
margin: 0 !important;
padding: 12px 18px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section {
display: grid !important;
grid-template-columns: 84px minmax(280px, 1.45fr) 84px 112px 192px !important;
align-items: center !important;
justify-content: start !important;
gap: 18px !important;
width: 100% !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section > div,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section > p {
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
flex: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-image {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
margin: 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #ffffff !important;
border: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-title {
display: block !important;
margin: 0 !important;
padding: 0 !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1.15 !important;
letter-spacing: -0.2px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-variants {
margin-top: 6px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-variants,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-variants * {
font-size: 13px !important;
line-height: 1.3 !important;
color: #505a63 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-offer-title {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
margin-top: 8px !important;
padding: 0 10px !important;
border-radius: 9999px !important;
background: #ffffff !important;
color: #191c1f !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1 !important;
box-shadow: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-price {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1 !important;
font-weight: 500 !important;
color: #191c1f !important;
text-align: left !important;
justify-self: start !important;
white-space: nowrap !important;
border-radius: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-quantity {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
justify-self: start !important;
margin: 0 !important;
color: inherit !important;
transform: scale(0.88) !important;
transform-origin: left center !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-offer-cta-section,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-product-section > div:last-child {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
justify-self: start !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer .cuw-button,
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer button[class*="cuw"],
body.woocommerce-cart.kis-cart-desktop-active .woocommerce-cart-form .cuw-offer [class*="add-to-cart"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 192px !important;
min-width: 192px !important;
max-width: 192px !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 18px !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: 2px solid #191c1f !important;
box-shadow: none !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: none !important;
}
/* Final desktop override: extra services */
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services {
margin: 0 !important;
padding: 18px 24px 22px !important;
overflow: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-item {
padding: 13px 0 !important;
border-bottom: 1px solid rgba(25, 28, 31, 0.08) !important;
overflow: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services h3 {
margin: 0 0 12px !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-content {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 28px !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
position: relative !important;
overflow: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-main {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) max-content !important;
align-items: center !important;
gap: 14px !important;
min-width: 0 !important;
width: 100% !important;
margin: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-cb {
display: none !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-cb-custom {
width: 22px !important;
height: 22px !important;
border: 1.5px solid rgba(25, 28, 31, 0.18) !important;
border-radius: 7px !important;
background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-cb:checked + .kis-cb-custom {
background: #191c1f !important;
border-color: #191c1f !important;
box-shadow: 0 10px 20px rgba(25, 28, 31, 0.14) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-cb:checked + .kis-cb-custom::after {
content: '' !important;
position: absolute !important;
left: 7px !important;
top: 3px !important;
width: 5px !important;
height: 10px !important;
border: solid #fff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-label {
display: block !important;
color: #191c1f !important;
line-height: 1.4 !important;
font-size: 14px !important;
min-width: 0 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-service-price {
display: block !important;
margin-left: 0 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: -0.2px !important;
white-space: nowrap !important;
justify-self: end !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
overflow: visible !important;
background: #f3f5f8 !important;
border: 1px solid rgba(25, 28, 31, 0.07) !important;
border-radius: 999px !important;
color: #6a737c !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-shadow: none !important;
cursor: pointer !important;
user-select: none !important;
z-index: 5 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active {
background: #191c1f !important;
border-color: #191c1f !important;
color: #ffffff !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger::after {
content: attr(data-tip) !important;
position: absolute !important;
right: 0 !important;
bottom: calc(100% + 12px) !important;
width: 280px !important;
max-width: min(280px, calc(100vw - 48px)) !important;
padding: 16px 18px !important;
border-radius: 18px !important;
background: #191c1f !important;
color: #ffffff !important;
font-family: var(--font-body) !important;
font-size: 13px !important;
line-height: 1.55 !important;
font-weight: 600 !important;
text-align: left !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
box-shadow: 0 22px 45px rgba(25, 28, 31, 0.2) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(8px) !important;
z-index: 30 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger::before {
content: '' !important;
position: absolute !important;
right: 9px !important;
bottom: calc(100% + 1px) !important;
border-width: 8px !important;
border-style: solid !important;
border-color: #191c1f transparent transparent transparent !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: 30 !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover::after,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover::before,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active::after,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active::before {
opacity: 1 !important;
visibility: visible !important;
}
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger:hover::after,
body.woocommerce-cart.kis-cart-desktop-active .kis-cart-desktop-services .kis-tip-trigger.active::after {
transform: translateY(0) !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) {
background:
radial-gradient(circle at top left, rgba(73, 79, 223, 0.04), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .entry-content > .woocommerce,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .entry-content .woocommerce {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
padding: 6px 2px 2px !important;
margin-bottom: 2px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero-badge {
align-self: flex-start !important;
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: #f3f4f7 !important;
color: #5a6470 !important;
font-size: 13px !important;
font-weight: 700 !important;
display: inline-flex !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero h1 {
margin: 0 !important;
font-family: var(--font-display) !important;
font-size: 32px !important;
line-height: 0.98 !important;
letter-spacing: -1px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero p {
margin: 0 !important;
color: #5a6470 !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-trust {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-trust span {
min-height: 32px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
color: #191c1f !important;
font-size: 12px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.checkout {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
padding-bottom: 108px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .col2-set,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .col2-set .col-1,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .col2-set .col-2,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-additional-fields {
width: 100% !important;
float: none !important;
padding: 18px !important;
margin: 0 !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 26px !important;
box-shadow: 0 10px 30px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) h3,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review_heading {
margin: 0 0 14px !important;
font-family: var(--font-display) !important;
font-size: 28px !important;
line-height: 1.02 !important;
letter-spacing: -0.8px !important;
font-weight: 500 !important;
color: #191c1f !important;
text-transform: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-additional-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .form-row {
margin: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .form-row label {
display: block !important;
margin: 0 0 8px !important;
color: #4f5964 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) input[type="tel"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) input[type="email"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) input[type="text"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) textarea {
min-height: 56px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
padding: 0 16px !important;
font-size: 15px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) textarea {
min-height: 108px !important;
padding-top: 14px !important;
padding-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .select2-container,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .select2-selection--single {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .select2-container .select2-selection--single {
min-height: 56px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
display: flex !important;
align-items: center !important;
padding: 0 16px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #191c1f !important;
line-height: 54px !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-shipping-fields {
margin-top: 8px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address label {
margin: 0 !important;
font-family: var(--font-display) !important;
font-size: 20px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) table.shop_table {
margin: 0 !important;
border: none !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review table.shop_table tbody tr.cart_item td,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr th,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review table.shop_table tfoot tr td {
padding: 12px 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .product-name,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .shipping td,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .order-total td {
text-align: right !important;
font-size: 14px !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .product-name {
text-align: left !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_review .amount {
font-family: var(--font-display) !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
list-style: none !important;
margin: 12px 0 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods > li {
display: grid !important;
grid-template-columns: 18px minmax(0, 1fr) !important;
align-items: start !important;
gap: 12px !important;
padding: 14px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
display: block !important;
margin: 0 !important;
color: #191c1f !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
cursor: pointer !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
accent-color: #191c1f !important;
width: 18px !important;
height: 18px !important;
margin: 2px 0 0 !important;
flex-shrink: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .wc_payment_methods > li > label img {
max-height: 22px !important;
float: none !important;
margin-left: 8px !important;
vertical-align: middle !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #payment {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin-top: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .payment_box {
grid-column: 1 / -1 !important;
margin: 10px 0 0 0 !important;
padding: 14px 16px !important;
border-radius: 18px !important;
background: #ffffff !important;
color: #5a6470 !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper {
margin: 18px 0 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .form-row.place-order {
color: #5a6470 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-submit-note {
margin: 0 0 14px !important;
padding: 14px 16px !important;
border-radius: 18px !important;
background: #f7f8fb !important;
color: #5a6470 !important;
font-size: 13px !important;
line-height: 1.5 !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #place_order {
margin-top: 10px !important;
min-height: 56px !important;
border-radius: 999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 18px 35px rgba(25, 28, 31, 0.16) !important;
font-family: var(--font-display) !important;
font-size: 17px !important;
font-weight: 600 !important;
letter-spacing: -0.2px !important;
text-transform: none !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky {
position: fixed !important;
left: 12px !important;
right: 12px !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
z-index: 9999 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-inner {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 12px 12px 16px !important;
border-radius: 24px !important;
background: rgba(25, 28, 31, 0.96) !important;
box-shadow: 0 24px 40px rgba(25, 28, 31, 0.22) !important;
backdrop-filter: blur(16px) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-total {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-total .label {
color: rgba(255, 255, 255, 0.72) !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-total .price {
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 21px !important;
line-height: 1.05 !important;
font-weight: 600 !important;
letter-spacing: -0.4px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky-btn {
min-width: 156px !important;
min-height: 48px !important;
padding: 0 18px !important;
border: none !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: -0.2px !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-sticky {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.checkout,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.botiga-sc-form.checkout {
padding-bottom: 32px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 18px !important;
padding: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 24px !important;
background: #ffffff !important;
box-shadow: 0 16px 32px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type legend {
margin: 0 0 14px !important;
padding: 0 !important;
border: none !important;
font-family: var(--font-display) !important;
font-size: 26px !important;
line-height: 1.05 !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
min-height: 58px !important;
margin: 0 !important;
padding: 0 18px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
background: #f7f8fb !important;
color: #191c1f !important;
font-size: 17px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
cursor: pointer !important;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
flex-shrink: 0 !important;
transition: border-color 0.2s ease, background-size 0.2s ease, box-shadow 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label:has(input[type="radio"]:checked) {
border-color: rgba(25, 28, 31, 0.18) !important;
background: #ffffff !important;
box-shadow: 0 12px 24px rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type input[type="radio"]:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-phone {
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card {
padding: 18px !important;
border-radius: 24px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 16px 32px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
color: #191c1f !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-box {
width: 22px !important;
height: 22px !important;
border-radius: 7px !important;
border: 1.5px solid rgba(25, 28, 31, 0.18) !important;
background: #ffffff !important;
position: relative !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-text {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-panel {
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card #order_comments_field {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card #order_comments_field label {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card textarea {
min-height: 120px !important;
border-radius: 20px !important;
background: #f7f8fb !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods {
gap: 12px !important;
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li {
grid-template-columns: 22px minmax(0, 1fr) !important;
gap: 12px !important;
padding: 16px !important;
border-radius: 22px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 14px 28px rgba(25, 28, 31, 0.05) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 6px 10px !important;
width: 100% !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label > span:first-child,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label > span:first-child {
min-width: 0 !important;
grid-column: 1 / 2 !important;
font-size: 18px !important;
line-height: 1.28 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li label .amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods .amount {
grid-column: 2 / 3 !important;
justify-self: end !important;
white-space: nowrap !important;
font-size: 17px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 22px !important;
height: 22px !important;
margin: 3px 0 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method input[type="radio"]:checked,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods input[type="radio"]:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li:has(input[type="radio"]:checked),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li:has(input[type="radio"]:checked) {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #fcfcfd !important;
box-shadow: 0 18px 34px rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li > *:not(input):not(label),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > *:not(input):not(label):not(.payment_box) {
grid-column: 2 / -1 !important;
min-width: 0 !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li.kis-checkout-shipping-pickup > *:not(input):not(label) {
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li .button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li [class*="point"] button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li [class*="pickup"] button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-shipping-methods #shipping_method li .portmonetka-container__btn {
width: 100% !important;
min-height: 48px !important;
padding: 0 16px !important;
border: none !important;
border-radius: 16px !important;
background: #191c1f !important;
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .wc_payment_methods > li > label img {
max-height: 22px !important;
margin-left: 8px !important;
vertical-align: middle !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
margin: 12px 0 0 !important;
padding: 16px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
color: #5a6470 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box::before {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box p,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box li {
font-size: 14px !important;
line-height: 1.55 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box input[type="text"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box input.input-text,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box select {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
border-radius: 18px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .pbl-container,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-payment-form,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payment_box > div {
max-width: 100% !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-list-banks {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank {
margin: 0 !important;
width: auto !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank label {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 74px !important;
padding: 10px !important;
border-radius: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank img {
max-width: 100% !important;
max-height: 30px !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-payment-methods .payu-bank input[type="radio"]:checked + div {
border-radius: 12px !important;
box-shadow: inset 0 0 0 2px #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label:first-of-type,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type > label {
margin-bottom: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type span.woocommerce-input-wrapper {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper > label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type span.woocommerce-input-wrapper > label {
min-height: 62px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-toggle-box {
background: #191c1f !important;
border-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-toggle-box::after {
content: "" !important;
position: absolute !important;
top: 5px !important;
left: 8px !important;
width: 5px !important;
height: 10px !important;
border-right: 2px solid #ffffff !important;
border-bottom: 2px solid #ffffff !important;
transform: rotate(45deg) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
align-items: start !important;
gap: 12px !important;
padding: 16px !important;
border-radius: 22px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 14px 28px rgba(25, 28, 31, 0.05) !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 6px 10px !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label > span,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label > span {
min-width: 0 !important;
font-size: 17px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label .woocommerce-Price-amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label .woocommerce-Price-amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > label .amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > label .amount {
justify-self: end !important;
white-space: nowrap !important;
font-size: 16px !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > input[type="radio"],
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > input[type="radio"] {
margin: 3px 0 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option > *:not(label):not(input),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option > *:not(label):not(input):not(.payment_box) {
grid-column: 2 / -1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-top: 12px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.botiga-sc-shipping-method.kis-checkout-botiga-option.kis-checkout-shipping-pickup > *:not(label):not(input) {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
align-items: stretch !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-botiga-option .payment_box {
grid-column: 1 / -1 !important;
margin-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-payment-payu .payment_box {
padding: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) li.wc_payment_method.kis-checkout-payment-payu .payu-list-banks {
margin-top: 14px !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 24px !important;
padding: 18px !important;
background: #ffffff !important;
box-shadow: 0 16px 32px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type legend {
margin: 0 0 14px !important;
padding: 0 !important;
border: 0 !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-buyer-options {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-buyer-option {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 22px !important;
align-items: center !important;
gap: 14px !important;
min-height: 60px !important;
margin: 0 0 10px !important;
padding: 0 18px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
background: #f7f8fb !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-buyer-option:last-child {
margin-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-buyer-option.is-selected {
border-color: rgba(25, 28, 31, 0.18) !important;
background: #ffffff !important;
box-shadow: 0 12px 24px rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-buyer-option-text {
min-width: 0 !important;
font-size: 17px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-buyer-option-input {
order: 2 !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-row {
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-row > .form-row {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-email,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-phone {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card {
display: block !important;
padding: 18px !important;
border-radius: 24px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 16px 32px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card .botiga-sc-heading {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-panel {
display: none !important;
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-card.is-open .kis-order-notes-panel {
display: block !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-field,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-field.form-row {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-field textarea {
width: 100% !important;
min-height: 112px !important;
padding: 16px 18px !important;
border-radius: 18px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #f7f8fb !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option {
display: grid !important;
grid-template-columns: 22px minmax(0, 1fr) !important;
align-items: start !important;
gap: 12px !important;
padding: 16px !important;
border-radius: 20px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: 0 10px 22px rgba(25, 28, 31, 0.04) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option:has(input[type="radio"]:checked) {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #fcfcfd !important;
box-shadow: 0 14px 26px rgba(25, 28, 31, 0.07) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option > label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-label {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 6px 10px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option > label > span,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-label > span {
min-width: 0 !important;
font-size: 16px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .woocommerce-Price-amount {
justify-self: end !important;
white-space: nowrap !important;
font-size: 15px !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option input[type="radio"] {
margin: 3px 0 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-extras {
grid-column: 2 / -1 !important;
display: grid !important;
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option.kis-checkout-shipping-has-action .kis-checkout-shipping-extras {
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-extras > :not(.kis-checkout-shipping-action-btn):not(.portmonetka-container__btn) {
color: #5a6470 !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .portmonetka-container__btn {
width: 100% !important;
min-height: 44px !important;
padding: 0 14px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
border-radius: 16px !important;
background: #f7f8fb !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option img {
max-height: 20px !important;
width: auto !important;
object-fit: contain !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-block .kis-checkout-contact-row {
display: grid !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-contact-block .kis-checkout-contact-row > .form-row {
width: 100% !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 16px !important;
padding: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type legend {
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label {
position: relative !important;
display: block !important;
min-height: 54px !important;
margin: 0 0 10px !important;
padding: 0 16px 0 52px !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
border-radius: 16px !important;
background: #f7f8fb !important;
color: #191c1f !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label:last-child {
margin-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type label.is-selected {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #ffffff !important;
box-shadow: 0 10px 20px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-checkout-buyer-choice-radio,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
position: absolute !important;
top: 50% !important;
left: 16px !important;
width: 20px !important;
height: 20px !important;
margin: -10px 0 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
transition: border-color 0.2s ease, background-size 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-checkout-buyer-choice-radio:checked,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type input[type="radio"]:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-checkout-buyer-choice-text {
display: block !important;
min-width: 0 !important;
white-space: normal !important;
overflow: visible !important;
font-size: 15px !important;
line-height: 54px !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-stable,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-stable.form-row {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-stable textarea {
width: 100% !important;
min-height: 96px !important;
max-height: 180px !important;
padding: 14px 16px !important;
border-radius: 18px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option {
padding: 14px !important;
border-radius: 18px !important;
box-shadow: 0 8px 20px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option > label {
gap: 6px 10px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option > label > span:first-child {
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .woocommerce-Price-amount {
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-pickup button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-pickup .button,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-pickup .portmonetka-container__btn {
min-height: 42px !important;
border-radius: 14px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
background: #f7f8fb !important;
color: #191c1f !important;
font-size: 13px !important;
font-weight: 600 !important;
box-shadow: none !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 22px !important;
padding: 16px !important;
background: #ffffff !important;
box-shadow: 0 12px 24px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type legend {
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type > label.kis-checkout-buyer-choice {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 20px !important;
align-items: center !important;
gap: 12px !important;
min-height: 56px !important;
margin: 0 0 10px !important;
padding: 0 16px !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
border-radius: 16px !important;
background: #f7f8fb !important;
color: #191c1f !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-checkout-buyer-choice-text {
display: block !important;
min-width: 0 !important;
overflow: visible !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type > label.kis-checkout-buyer-choice:last-of-type {
margin-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type > label.kis-checkout-buyer-choice.is-selected {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #ffffff !important;
box-shadow: 0 10px 20px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-checkout-buyer-choice-radio {
appearance: none !important;
-webkit-appearance: none !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
transition: border-color 0.2s ease, background-size 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .kis-checkout-buyer-choice-radio:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type {
margin: 0 0 16px !important;
padding: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type legend {
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type > label.kis-checkout-buyer-choice {
display: flex !important;
align-items: center !important;
gap: 12px !important;
min-height: 56px !important;
margin: 0 0 10px !important;
padding: 14px 16px !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
border-radius: 16px !important;
background: #f7f8fb !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type > label.kis-checkout-buyer-choice:last-of-type {
margin-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type > label.kis-checkout-buyer-choice.is-selected {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #ffffff !important;
box-shadow: 0 10px 20px rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type .kis-checkout-buyer-choice-radio {
position: relative !important;
top: auto !important;
left: auto !important;
flex: 0 0 auto !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type .kis-checkout-buyer-choice-radio:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #billing_osobni_udaje_field.kis-checkout-buyer-type .kis-checkout-buyer-choice-text {
flex: 1 1 auto !important;
display: block !important;
min-width: 0 !important;
margin: 0 !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #191c1f !important;
white-space: normal !important;
overflow: visible !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-card {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
margin: 0 0 16px !important;
padding: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(25, 28, 31, 0.04) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle + .kis-checkout-secondary-toggle {
border-top: 1px solid rgba(25, 28, 31, 0.08) !important;
margin-top: 14px !important;
padding-top: 14px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle label,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle {
width: 100% !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #191c1f !important;
text-align: left !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-checkbox-native {
display: none !important;
visibility: hidden !important;
appearance: none !important;
-webkit-appearance: none !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle label {
justify-content: flex-start !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-check,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-check {
position: relative !important;
display: block !important;
flex: 0 0 auto !important;
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
margin-top: 2px !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
border-radius: 6px !important;
background: #ffffff !important;
font-size: 0 !important;
line-height: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
transition: background 0.2s ease, border-color 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-check {
padding: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle.is-checked .kis-checkout-ship-check {
border-color: #191c1f !important;
background: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-check::before,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-check::after {
content: none !important;
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle.is-checked .kis-checkout-ship-check::after {
content: "" !important;
display: block !important;
position: absolute !important;
top: 4px !important;
left: 6px !important;
width: 5px !important;
height: 9px !important;
border-right: 2px solid #ffffff !important;
border-bottom: 2px solid #ffffff !important;
transform: rotate(45deg) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle span,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy strong {
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy span {
font-size: 13px !important;
line-height: 1.45 !important;
color: #68717d !important;
text-align: left !important;
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy::before,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy::after,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy strong::before,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy strong::after,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy span::before,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-copy span::after,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-description::before,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #ship-to-different-address.kis-checkout-secondary-toggle .kis-checkout-ship-description::after {
content: none !important;
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy strong {
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy span {
font-size: 13px !important;
line-height: 1.45 !important;
color: #68717d !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-card.is-open .kis-order-notes-toggle-check {
border-color: #191c1f !important;
background: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-order-notes-toggle-card.is-open .kis-order-notes-toggle-check::after {
content: "" !important;
position: absolute !important;
top: 4px !important;
left: 6px !important;
width: 5px !important;
height: 9px !important;
border-right: 2px solid #ffffff !important;
border-bottom: 2px solid #ffffff !important;
transform: rotate(45deg) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_comments_field.kis-order-notes-stable {
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #order_comments_field.kis-order-notes-stable textarea {
min-height: 110px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-additional-fields__field-wrapper:empty,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-additional-fields:has(.woocommerce-additional-fields__field-wrapper:empty):not(:has(#order_comments_field)),
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-additional-fields:has(.woocommerce-additional-fields__field-wrapper:empty):not(:has(.kis-checkout-secondary-toggles)) {
display: none !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method {
display: grid !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option {
position: relative !important;
display: block !important;
margin: 0 !important;
padding: 14px 14px 12px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(25, 28, 31, 0.04) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option:has(.kis-checkout-shipping-radio:checked) {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #fcfcfd !important;
box-shadow: 0 14px 28px rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-radio {
appearance: none !important;
-webkit-appearance: none !important;
position: absolute !important;
top: 16px !important;
left: 14px !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background:
radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 0 0 no-repeat,
#ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
transition: border-color 0.2s ease, background-size 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-radio:checked {
border-color: #191c1f !important;
background-size: 100% 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: 100% !important;
min-height: 24px !important;
margin: 0 !important;
padding: 0 0 0 32px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-title {
display: block !important;
flex: 1 1 auto !important;
min-width: 0 !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-price .woocommerce-Price-amount,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-price .amount {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
align-self: center !important;
white-space: nowrap !important;
margin: 0 !important;
padding-right: 14px !important;
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
transform: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-price bdi {
display: inline-flex !important;
align-items: center !important;
line-height: 1.2 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-extras {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px 10px !important;
margin-top: 10px !important;
padding-left: 32px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .shipping-method-description {
margin: 0 !important;
line-height: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .shipping-method-description img {
display: block !important;
max-height: 30px !important;
max-width: 108px !important;
width: auto !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option #select-point-container a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
padding: 0 16px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
border-radius: 999px !important;
background: #191c1f !important;
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: none !important;
-webkit-text-fill-color: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-action-btn *,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .portmonetka-container__btn *,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option #select-point-container a * {
color: #ffffff !important;
fill: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option #selected-point {
flex: 1 0 100% !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #68717d !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option.kis-checkout-shipping-pickup .kis-checkout-shipping-extras {
align-items: flex-start !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #shipping_method li.kis-checkout-shipping-option:not(.kis-checkout-shipping-has-action) {
min-height: 96px !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #dpd_popup {
z-index: 1000001 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #dpd_popup > a {
z-index: 1000003 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #dpd_map {
position: fixed !important;
top: 0 !important;
left: 0 !important;
transform: none !important;
width: 100vw !important;
height: 100dvh !important;
max-width: none !important;
max-height: none !important;
border: 0 !important;
z-index: 1000002 !important;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-payment-heading {
margin: 0 0 8px !important;
font-family: var(--font-display) !important;
font-size: 22px !important;
line-height: 1.08 !important;
letter-spacing: -0.5px !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-slot:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #payment.kis-checkout-mobile-payment .wc_payment_methods {
margin-top: 8px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
margin: 0 0 8px !important;
padding: 14px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 22px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(25, 28, 31, 0.035) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations .cuw-template-title {
margin: 0 0 10px !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1.15 !important;
font-weight: 600 !important;
color: #191c1f !important;
letter-spacing: -0.3px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products {
display: flex !important;
gap: 12px !important;
overflow: visible !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
will-change: transform !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations-viewport {
overflow: hidden !important;
width: 100% !important;
margin: 0 !important;
touch-action: pan-y !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product {
flex: 0 0 88% !important;
min-width: 88% !important;
margin: 0 !important;
padding: 12px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #fcfcfd !important;
box-shadow: none !important;
scroll-snap-align: start !important;
display: grid !important;
grid-template-columns: 68px minmax(0, 1fr) !important;
grid-template-areas:
"image title"
"image price"
"button button" !important;
column-gap: 12px !important;
row-gap: 8px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product > a.woocommerce-LoopProduct-link {
grid-area: image !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 68px !important;
height: 68px !important;
margin: 0 !important;
padding: 8px !important;
border-radius: 16px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-image-wrap {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .woocommerce-loop-product__title {
grid-area: title !important;
margin: 0 !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
color: #191c1f !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
max-width: 100% !important;
align-self: center !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .price {
grid-area: price !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-button-wrap {
grid-area: button !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-button-wrap .button {
min-height: 38px !important;
padding: 0 14px !important;
border-radius: 999px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
background: #ffffff !important;
color: #191c1f !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 700 !important;
white-space: nowrap !important;
box-shadow: none !important;
max-width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .screen-reader-text {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations-dots {
display: flex !important;
justify-content: center !important;
gap: 6px !important;
margin: 10px 0 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations-dot {
width: 7px !important;
height: 7px !important;
min-width: 7px !important;
padding: 0 !important;
border-radius: 999px !important;
border: none !important;
background: rgba(25, 28, 31, 0.14) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-recommendations-dot.is-active {
background: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-hint {
margin: 0 0 8px !important;
padding: 12px 14px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(25, 28, 31, 0.035) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-copy {
margin: 0 0 8px !important;
color: #4f5964 !important;
font-size: 13px !important;
line-height: 1.4 !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-copy strong {
color: #191c1f !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-track {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
height: 4px !important;
border-radius: 999px !important;
background: rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-fill {
display: block !important;
height: 100% !important;
width: 0;
border-radius: inherit !important;
background: #191c1f !important;
transition: width 0.25s ease !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
margin: 0 0 8px !important;
padding: 0 2px !important;
color: #191c1f !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
letter-spacing: -0.01em !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .entry-header {
margin-bottom: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .entry-header .entry-title.page-title {
margin-bottom: 0 !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) form.checkout {
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kis-checkout-mobile-hero,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .entry-content > .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-notices-wrapper:empty,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-notices-wrapper .woocommerce-info:empty,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-notices-wrapper .woocommerce-message:empty,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-notices-wrapper .woocommerce-error:empty,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .fs-free-shipping-notice-and-button-wrapper,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .flexible-shipping-notice,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .flexible-shipping-free-shipping-notice,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) #flexible_shipping_free_shipping_notice,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .checkout_coupon,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .botiga-sc-coupon {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .kisando-mobile-app-bar,
body.woocommerce-checkout.kis-checkout-mobile-active:not(.woocommerce-order-received) .back-to-top {
display: none !important;
}
body.kis-pickup-picker-open .kisando-mobile-app-bar,
body.kis-pickup-picker-open .kis-checkout-mobile-sticky,
body.kis-pickup-picker-open .back-to-top {
display: none !important;
}
}
@media (min-width: 769px) {
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .checkout_coupon,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .botiga-sc-coupon,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .fs-free-shipping-notice-and-button-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .flexible-shipping-notice,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .flexible-shipping-free-shipping-notice,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #flexible_shipping_free_shipping_notice {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header {
margin-bottom: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header .entry-title.page-title {
margin: 0 !important;
text-align: center !important;
font-family: var(--font-display) !important;
font-size: clamp(40px, 3.6vw, 56px) !important;
line-height: 1 !important;
letter-spacing: -0.6px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) form.checkout {
display: block !important;
padding-bottom: 72px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shell {
display: grid !important;
grid-template-columns: minmax(0, 1.34fr) minmax(320px, 380px) !important;
gap: 24px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-main,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details {
display: grid !important;
gap: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details.col2-set,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-customer {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: none !important;
float: none !important;
grid-template-columns: 1fr !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside {
position: sticky !important;
top: 120px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details {
grid-template-columns: 1fr !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
width: 100% !important;
margin: 0 !important;
padding: 20px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 22px !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2 {
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 14px !important;
font-family: var(--font-display) !important;
font-size: 26px !important;
line-height: 1.06 !important;
letter-spacing: -0.35px !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 14px !important;
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: #f4f4f4 !important;
color: #505a63 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.02em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #order_review_heading {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #order_review {
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 14px !important;
padding: 14px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #fcfcfd !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-height: 54px !important;
margin: 0 !important;
padding: 0 15px !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
border-radius: 15px !important;
background: #f7f8fb !important;
transition: border-color 0.2s ease, background-color 0.2s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice.is-selected {
background: #ffffff !important;
border-color: rgba(25, 28, 31, 0.18) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice-radio {
appearance: none !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.24) !important;
background: #ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
flex: 0 0 auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice-radio:checked {
border-color: #191c1f !important;
background: radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 100% 100% no-repeat, #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice-text {
display: block !important;
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
color: #191c1f !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row {
margin-bottom: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row label {
margin-bottom: 6px !important;
color: #505a63 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.02em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .select2-selection {
min-height: 48px !important;
border-radius: 14px !important;
border: 1px solid rgba(25, 28, 31, 0.1) !important;
background: #f7f8fb !important;
box-shadow: none !important;
color: #191c1f !important;
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
display: grid !important;
gap: 12px !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
display: grid !important;
gap: 10px !important;
margin: 0 0 14px !important;
padding: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #fcfcfd !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block .kis-checkout-free-shipping-hint,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block .kis-checkout-delivery-eta {
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 16px !important;
background: #fcfcfd !important;
padding: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle-button,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
width: 100% !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-checkbox-native {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-check,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-check {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
border-radius: 7px !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background: #ffffff !important;
display: inline-flex !important;
margin-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-toggle.is-checked .kis-checkout-ship-check,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-card.is-open .kis-order-notes-toggle-check {
border-color: #191c1f !important;
background: radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 100% 100% no-repeat, #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy strong,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy strong {
display: block !important;
margin-bottom: 4px !important;
color: #191c1f !important;
font-size: 16px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy span {
display: block !important;
color: #505a63 !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods {
display: grid !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li {
position: relative !important;
margin: 0 !important;
padding: 14px 16px 14px 46px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 16px !important;
background: #fcfcfd !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li:has(input[type="radio"]:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li:has(input[type="radio"]:checked) {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
appearance: none !important;
position: absolute !important;
top: 15px !important;
left: 15px !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
border-radius: 50% !important;
border: 1.5px solid rgba(25, 28, 31, 0.22) !important;
background: #ffffff !important;
box-shadow: inset 0 0 0 4px #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method input[type="radio"]:checked,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"]:checked {
border-color: #191c1f !important;
background: radial-gradient(circle at center, #191c1f 0 0, #191c1f 38%, transparent 41%) center / 100% 100% no-repeat, #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li > label,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin: 0 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-family: var(--font-display) !important;
font-size: 17px !important;
line-height: 1.16 !important;
letter-spacing: -0.18px !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods .amount {
color: #191c1f !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
white-space: nowrap !important;
padding-right: 4px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-extras,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
margin-top: 8px !important;
margin-left: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box p {
color: #505a63 !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 22px !important;
width: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #select-point-container a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 36px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: none !important;
font-size: 12px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: none !important;
margin-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #selected-point {
display: block !important;
margin-top: 6px !important;
padding: 8px 10px !important;
border-radius: 10px !important;
background: #f7f8fb !important;
color: #505a63 !important;
font-size: 11px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-slot {
margin: 0 0 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box {
width: 100% !important;
margin: 0 !important;
padding: 12px 14px !important;
border-radius: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
background: #ffffff !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-title {
margin: 0 0 6px !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.08 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-copy {
color: #505a63 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-free-shipping-hint,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
margin: 0 0 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
font-size: 13px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
padding: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations .cuw-template-title {
margin: 0 0 10px !important;
font-family: var(--font-display) !important;
font-size: 20px !important;
line-height: 1.08 !important;
font-weight: 500 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations-viewport {
overflow: visible !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
transform: none !important;
transition: none !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product {
min-width: 0 !important;
margin: 0 !important;
padding: 12px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 16px !important;
background: #fcfcfd !important;
display: grid !important;
grid-template-columns: 64px minmax(0, 1fr) !important;
grid-template-areas:
"image title"
"image price"
"button button" !important;
gap: 8px 10px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product > a.woocommerce-LoopProduct-link {
grid-area: image !important;
width: 64px !important;
height: 64px !important;
margin: 0 !important;
padding: 8px !important;
border-radius: 12px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .woocommerce-loop-product__title {
grid-area: title !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
color: #191c1f !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .price {
grid-area: price !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-button-wrap {
grid-area: button !important;
margin: 2px 0 0 !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-button-wrap .button {
min-height: 34px !important;
padding: 0 12px !important;
border-radius: 999px !important;
border: 1px solid rgba(25, 28, 31, 0.12) !important;
background: #ffffff !important;
color: #191c1f !important;
font-size: 12px !important;
font-weight: 700 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations-dots {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row.place-order {
color: #505a63 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #place_order {
margin-top: 10px !important;
min-height: 50px !important;
border-radius: 999px !important;
background: #191c1f !important;
color: #ffffff !important;
border: none !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: -0.2px !important;
width: 100% !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table {
table-layout: auto !important;
border-collapse: collapse !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead th {
padding: 0 0 12px !important;
border: none !important;
color: #8d969e !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table th {
border-color: rgba(25, 28, 31, 0.08) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item th {
padding: 12px 0 !important;
vertical-align: top !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name {
color: #191c1f !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name .product-quantity {
display: inline-block !important;
margin-left: 6px !important;
color: #8d969e !important;
font-size: 13px !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-total {
color: #191c1f !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
text-align: right !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals ul#shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .kis-checkout-free-shipping-hint,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals .kis-checkout-delivery-eta {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary {
display: grid !important;
gap: 4px !important;
padding: 2px 0 !important;
color: #505a63 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary strong {
color: #191c1f !important;
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary small {
color: #505a63 !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 12px 0 !important;
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
color: #505a63 !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 16px !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 24px !important;
line-height: 1.05 !important;
font-weight: 500 !important;
letter-spacing: -0.35px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-list {
margin: 12px 0 0 !important;
padding: 12px 14px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #fcfcfd !important;
display: grid !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-item {
display: grid !important;
grid-template-columns: 28px minmax(0, 1fr) !important;
gap: 10px !important;
align-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-icon {
width: 28px !important;
height: 28px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #f4f4f4 !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-copy {
color: #505a63 !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
display: grid !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item {
display: grid !important;
gap: 4px !important;
padding: 12px 14px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 18px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-kicker {
color: #8d969e !important;
font-size: 11px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item strong {
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 500 !important;
}
}
@media (min-width: 769px) and (max-width: 1180px) {
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) form.checkout {
max-width: 980px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shell {
grid-template-columns: minmax(0, 1fr) !important;
gap: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside {
position: static !important;
top: auto !important;
order: -1 !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card {
min-height: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item {
padding: 14px 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
grid-template-columns: minmax(0, 1fr) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products {
grid-template-columns: minmax(0, 1fr) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li {
padding: 18px 18px 18px 54px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li > label,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
gap: 10px !important;
}
}
@media (min-width: 769px) and (max-width: 920px) {
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header .entry-title.page-title {
font-size: 52px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside {
grid-template-columns: minmax(0, 1fr) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
font-size: 28px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li > label,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
grid-template-columns: minmax(0, 1fr) auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 18px !important;
}
}
@media (min-width: 769px) {
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .container.content-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .site-content > .container {
max-width: 1360px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header {
margin-bottom: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header .entry-title.page-title {
font-size: clamp(34px, 2.7vw, 48px) !important;
letter-spacing: -0.03em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) form.checkout {
max-width: 1280px !important;
margin-inline: auto !important;
padding-bottom: 56px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shell {
grid-template-columns: minmax(0, 1.46fr) minmax(320px, 360px) !important;
gap: 32px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-main,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details {
gap: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside {
top: 100px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
padding: 18px !important;
border-radius: 20px !important;
border-color: rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 12px !important;
font-size: 24px !important;
letter-spacing: -0.02em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 12px !important;
min-height: 30px !important;
padding: 0 12px !important;
font-size: 11px !important;
letter-spacing: 0.08em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 12px !important;
padding: 14px !important;
border-radius: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type .woocommerce-input-wrapper {
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice {
min-height: 50px !important;
padding: 0 14px !important;
border-radius: 14px !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice-text {
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row {
margin-bottom: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row label {
margin-bottom: 6px !important;
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .select2-selection {
min-height: 46px !important;
border-radius: 13px !important;
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
gap: 10px !important;
margin-top: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
padding: 14px !important;
border-radius: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy strong,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy strong {
font-size: 15px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy span {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
gap: 10px !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods {
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li {
padding: 14px 14px 14px 44px !important;
border-radius: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
top: 15px !important;
left: 14px !important;
width: 18px !important;
height: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li > label,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 16px !important;
line-height: 1.18 !important;
letter-spacing: -0.01em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods .amount {
font-size: 14px !important;
padding-right: 4px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-extras,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
margin-top: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
padding: 12px 14px !important;
border-radius: 14px !important;
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box p {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 20px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #select-point-container a {
min-height: 34px !important;
padding: 0 12px !important;
font-size: 12px !important;
margin-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #selected-point {
margin-top: 6px !important;
padding: 7px 9px !important;
border-radius: 10px !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-slot {
margin: 0 0 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box {
padding: 12px 14px !important;
border-radius: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-title {
font-size: 17px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-copy,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
padding: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations .cuw-template-title {
margin: 0 0 10px !important;
font-size: 19px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products {
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product {
padding: 10px !important;
border-radius: 14px !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
gap: 8px 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product > a.woocommerce-LoopProduct-link {
width: 56px !important;
height: 56px !important;
padding: 6px !important;
border-radius: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .woocommerce-loop-product__title {
font-size: 13px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .price {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-button-wrap .button {
min-height: 32px !important;
padding: 0 10px !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row.place-order {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #place_order {
margin-top: 10px !important;
min-height: 46px !important;
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 10px 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .kis-checkout-desktop-shipping-summary strong {
font-size: 13px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name .product-quantity,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary small,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 14px !important;
font-size: 21px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-list {
margin: 10px 0 0 !important;
padding: 10px 12px !important;
border-radius: 16px !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-item {
grid-template-columns: 26px minmax(0, 1fr) !important;
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-icon {
width: 24px !important;
height: 24px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-trust-copy {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item {
padding: 10px 12px !important;
border-radius: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-kicker {
font-size: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item strong {
font-size: 14px !important;
}
}
/* Contact page: premium editable Gutenberg layout. */
.kis-contact-page {
--kis-contact-dark: #191c1f;
--kis-contact-muted: #5f6872;
--kis-contact-surface: #f4f4f4;
--kis-contact-line: rgba(25, 28, 31, 0.1);
max-width: 1180px !important;
margin: 0 auto !important;
padding: clamp(36px, 6vw, 88px) 20px clamp(56px, 7vw, 96px) !important;
color: var(--kis-contact-dark) !important;
}
.kis-contact-page,
.kis-contact-page * {
box-sizing: border-box !important;
}
.kis-contact-hero {
display: grid !important;
grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) !important;
gap: clamp(24px, 4vw, 56px) !important;
align-items: end !important;
margin-bottom: clamp(28px, 5vw, 56px) !important;
}
.kis-contact-hero > .wp-block-group__inner-container {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) !important;
gap: clamp(24px, 4vw, 56px) !important;
align-items: end !important;
width: 100% !important;
max-width: none !important;
}
.kis-contact-eyebrow {
margin: 0 0 14px !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
color: var(--kis-contact-muted) !important;
}
.kis-contact-title {
max-width: 820px !important;
margin: 0 !important;
font-family: var(--font-display, inherit) !important;
font-size: clamp(48px, 7vw, 96px) !important;
line-height: 0.98 !important;
letter-spacing: -0.055em !important;
font-weight: 600 !important;
color: var(--kis-contact-dark) !important;
}
.kis-contact-lead {
max-width: 520px !important;
margin: 0 !important;
font-size: clamp(17px, 1.8vw, 21px) !important;
line-height: 1.48 !important;
letter-spacing: 0.01em !important;
color: var(--kis-contact-muted) !important;
}
.kis-contact-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
margin: 0 0 18px !important;
}
.kis-contact-grid > .wp-block-group__inner-container {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
width: 100% !important;
max-width: none !important;
}
.kis-contact-card {
min-height: 260px !important;
padding: clamp(24px, 3vw, 36px) !important;
border: 1px solid var(--kis-contact-line) !important;
border-radius: 28px !important;
background: #ffffff !important;
box-shadow: none !important;
}
.kis-contact-grid > .wp-block-group__inner-container > .kis-contact-card,
.kis-contact-meta > .wp-block-group__inner-container > .kis-contact-mini {
margin-top: 0 !important;
margin-block-start: 0 !important;
}
.kis-contact-card.is-dark {
border-color: var(--kis-contact-dark) !important;
background: var(--kis-contact-dark) !important;
color: #ffffff !important;
}
.kis-contact-card h2,
.kis-contact-card h3 {
margin: 0 0 14px !important;
font-family: var(--font-display, inherit) !important;
font-size: clamp(26px, 3vw, 40px) !important;
line-height: 1.05 !important;
letter-spacing: -0.035em !important;
font-weight: 600 !important;
color: inherit !important;
}
.kis-contact-card.is-dark h2,
.kis-contact-card.is-dark h3 {
color: #ffffff !important;
}
.kis-contact-card p {
margin: 0 0 22px !important;
max-width: 560px !important;
font-size: 16px !important;
line-height: 1.55 !important;
color: var(--kis-contact-muted) !important;
}
.kis-contact-card.is-dark p {
color: rgba(255, 255, 255, 0.72) !important;
}
.kis-contact-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 52px !important;
padding: 14px 26px !important;
border-radius: 9999px !important;
border: 2px solid var(--kis-contact-dark) !important;
background: var(--kis-contact-dark) !important;
color: #ffffff !important;
font-size: 16px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.kis-contact-card.is-dark .kis-contact-link {
border-color: #ffffff !important;
background: #ffffff !important;
color: var(--kis-contact-dark) !important;
}
.kis-contact-link.is-light {
border-color: transparent !important;
background: var(--kis-contact-surface) !important;
color: var(--kis-contact-dark) !important;
}
.kis-contact-meta {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
margin: 18px 0 !important;
}
.kis-contact-meta > .wp-block-group__inner-container {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
width: 100% !important;
max-width: none !important;
}
.kis-contact-mini {
padding: 22px !important;
border: 1px solid var(--kis-contact-line) !important;
border-radius: 24px !important;
background: #ffffff !important;
}
.kis-contact-mini strong {
display: block !important;
margin: 0 0 8px !important;
font-family: var(--font-display, inherit) !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
color: var(--kis-contact-dark) !important;
}
.kis-contact-mini span,
.kis-contact-mini a {
display: block !important;
font-size: 15px !important;
line-height: 1.45 !important;
color: var(--kis-contact-muted) !important;
text-decoration: none !important;
}
.kis-contact-help {
padding: clamp(24px, 3vw, 36px) !important;
border-radius: 28px !important;
background: #ffffff !important;
border: 1px solid var(--kis-contact-line) !important;
}
.kis-contact-help h2 {
margin: 0 0 18px !important;
font-family: var(--font-display, inherit) !important;
font-size: clamp(28px, 3.5vw, 44px) !important;
line-height: 1.05 !important;
letter-spacing: -0.04em !important;
font-weight: 600 !important;
}
.kis-contact-links {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.kis-contact-help-link {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
min-height: 72px !important;
padding: 18px 20px !important;
border-radius: 20px !important;
background: var(--kis-contact-surface) !important;
color: var(--kis-contact-dark) !important;
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.kis-contact-help-link::after {
content: "→" !important;
flex: 0 0 auto !important;
font-size: 20px !important;
line-height: 1 !important;
}
@media (max-width: 768px) {
.kis-contact-page {
padding: 30px 16px 56px !important;
}
.kis-contact-hero,
.kis-contact-grid,
.kis-contact-meta,
.kis-contact-links {
grid-template-columns: 1fr !important;
}
.kis-contact-hero > .wp-block-group__inner-container,
.kis-contact-grid > .wp-block-group__inner-container,
.kis-contact-meta > .wp-block-group__inner-container {
grid-template-columns: 1fr !important;
}
.kis-contact-hero {
align-items: start !important;
gap: 18px !important;
margin-bottom: 26px !important;
}
.kis-contact-title {
font-size: clamp(42px, 13vw, 58px) !important;
letter-spacing: -0.05em !important;
}
.kis-contact-card {
min-height: 0 !important;
padding: 24px !important;
border-radius: 24px !important;
}
.kis-contact-link {
width: 100% !important;
}
}
@media (max-width: 768px) {
body.single-product section.cuw-fbt-products .cuw-product .cuw-product-checkbox,
body.single-product .cuw-fbt-wrap .cuw-product .cuw-product-checkbox {
appearance: none !important;
-webkit-appearance: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
border: 2px solid rgba(25, 28, 31, 0.16) !important;
border-radius: 50% !important;
background: #ffffff !important;
color: #ffffff !important;
box-shadow: none !important;
opacity: 1 !important;
box-sizing: border-box !important;
}
body.single-product section.cuw-fbt-products .cuw-product.is-selected .cuw-product-checkbox,
body.single-product section.cuw-fbt-products .cuw-product .cuw-product-checkbox:checked,
body.single-product .cuw-fbt-wrap .cuw-product.is-selected .cuw-product-checkbox,
body.single-product .cuw-fbt-wrap .cuw-product .cuw-product-checkbox:checked {
border-color: #191c1f !important;
background: #191c1f !important;
}
body.single-product section.cuw-fbt-products .cuw-product.is-selected .cuw-product-checkbox::after,
body.single-product section.cuw-fbt-products .cuw-product .cuw-product-checkbox:checked::after,
body.single-product .cuw-fbt-wrap .cuw-product.is-selected .cuw-product-checkbox::after,
body.single-product .cuw-fbt-wrap .cuw-product .cuw-product-checkbox:checked::after {
content: "" !important;
display: block !important;
width: 7px !important;
height: 12px !important;
margin-top: -2px !important;
border-right: 2px solid #ffffff !important;
border-bottom: 2px solid #ffffff !important;
transform: rotate(45deg) !important;
}
}
/* Header icons: keep Botiga header controls visible on the light header. */
body .bhfb .header-search,
body .bhfb .cart-contents,
body .bhfb .menu-toggle,
body .bhfb .ws-svg-icon,
body .bhfb .header-search .ws-svg-icon,
body .bhfb .site-header-cart .ws-svg-icon {
color: #191c1f !important;
}
body .bhfb .header-search svg,
body .bhfb .cart-contents svg,
body .bhfb .menu-toggle svg,
body .bhfb .ws-svg-icon svg {
color: #191c1f !important;
fill: #191c1f !important;
stroke: none !important;
}
body .bhfb .header-search svg *,
body .bhfb .cart-contents svg *,
body .bhfb .menu-toggle svg *,
body .bhfb .ws-svg-icon svg * {
fill: #191c1f !important;
}
/* Desktop header mini cart: clean premium preview, single CTA to full cart. */
@media (min-width: 769px) {
body .bhfb #site-header-cart .widget_shopping_cart {
right: 24px !important;
width: min(360px, calc(100vw - 48px)) !important;
max-height: min(72vh, 620px) !important;
padding: 20px !important;
border: 1px solid rgba(25, 28, 31, 0.08) !important;
border-radius: 24px !important;
background: #ffffff !important;
color: #191c1f !important;
box-shadow: none !important;
overflow: hidden !important;
}
body .bhfb #site-header-cart .widget_shopping_cart .widgettitle {
margin: 0 0 12px !important;
padding: 0 0 12px !important;
border-bottom: 1px solid rgba(25, 28, 31, 0.08) !important;
font-family: var(--font-display, inherit) !important;
font-size: 22px !important;
line-height: 1.08 !important;
letter-spacing: -0.04em !important;
font-weight: 600 !important;
color: #191c1f !important;
}
body .bhfb #site-header-cart .widget_shopping_cart_content {
display: flex !important;
flex-direction: column !important;
max-height: calc(min(72vh, 620px) - 80px) !important;
min-height: 0 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart {
display: grid !important;
gap: 0 !important;
max-height: 280px !important;
padding: 0 !important;
margin: 0 !important;
overflow-y: auto !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item {
position: relative !important;
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: center !important;
min-height: 78px !important;
padding: 12px 0 !important;
border-bottom: 1px solid rgba(25, 28, 31, 0.08) !important;
background: transparent !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item > a:not(.remove) {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
grid-column: 1 / -1 !important;
gap: 12px !important;
align-items: center !important;
min-width: 0 !important;
padding: 0 !important;
color: #191c1f !important;
text-decoration: none !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item img {
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
object-fit: cover !important;
border-radius: 14px !important;
background: #f4f4f4 !important;
margin: 0 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item > a:not(.remove) {
font-family: var(--font-display, inherit) !important;
font-size: 16px !important;
line-height: 1.22 !important;
font-weight: 600 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item .quantity {
grid-column: 2 / 3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: fit-content !important;
min-height: 28px !important;
margin: -2px 0 0 68px !important;
padding: 6px 12px !important;
border-radius: 9999px !important;
background: #f4f4f4 !important;
color: #191c1f !important;
font-size: 12px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item .remove {
position: absolute !important;
top: 10px !important;
left: 0 !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
border-radius: 50% !important;
background: #191c1f !important;
color: #ffffff !important;
font-size: 16px !important;
line-height: 1 !important;
text-decoration: none !important;
}
body .bhfb #site-header-cart .kis-prepaid-reward-line-name,
body .bhfb #site-header-cart .kis-prepaid-reward-line-subname {
display: block !important;
color: #191c1f !important;
}
body .bhfb #site-header-cart .kis-prepaid-reward-line-subname {
margin-top: 3px !important;
color: #68717d !important;
font-size: 13px !important;
font-weight: 500 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__total {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
margin: 14px 0 !important;
padding: 14px 0 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.1) !important;
color: #191c1f !important;
font-size: 15px !important;
line-height: 1.2 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__total strong,
body .bhfb #site-header-cart .woocommerce-mini-cart__total .amount {
color: #191c1f !important;
font-weight: 700 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__buttons {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__buttons .button.checkout {
display: none !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 46px !important;
padding: 12px 22px !important;
border: 0 !important;
border-radius: 9999px !important;
background: #191c1f !important;
color: #ffffff !important;
font-family: var(--font-display, inherit) !important;
font-size: 14px !important;
line-height: 1.1 !important;
font-weight: 600 !important;
text-decoration: none !important;
}
}
/* Desktop header mini cart: compact correction. */
@media (min-width: 769px) {
body .bhfb #site-header-cart .widget_shopping_cart {
top: calc(100% + 8px) !important;
right: 0 !important;
width: min(360px, calc(100vw - 36px)) !important;
min-width: 0 !important;
max-height: min(480px, calc(100vh - 126px)) !important;
padding: 18px !important;
border-radius: 22px !important;
overflow: hidden !important;
}
body .bhfb #site-header-cart::after {
content: "" !important;
position: absolute !important;
top: 100% !important;
right: 0 !important;
z-index: 9999998 !important;
display: block !important;
width: min(380px, calc(100vw - 24px)) !important;
height: 34px !important;
background: transparent !important;
}
body .bhfb #site-header-cart .widget_shopping_cart .widgettitle {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
font-size: 20px !important;
}
body .bhfb #site-header-cart .widget_shopping_cart_content {
display: flex !important;
flex-direction: column !important;
max-height: calc(min(480px, calc(100vh - 126px)) - 58px) !important;
min-height: 0 !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart {
display: block !important;
flex: 1 1 auto !important;
max-height: 230px !important;
min-height: 0 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
overscroll-behavior: contain !important;
scrollbar-width: thin !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart input[type="hidden"] {
display: none !important;
}
body .bhfb #site-header-cart .botiga-woocommerce-mini-cart__cross-sell {
display: none !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item {
display: block !important;
min-height: 0 !important;
padding: 10px 0 10px 68px !important;
border-bottom: 1px solid rgba(25, 28, 31, 0.08) !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item > a:not(.remove) {
position: static !important;
display: block !important;
min-height: 0 !important;
padding: 0 !important;
color: #191c1f !important;
font-size: 13px !important;
line-height: 1.22 !important;
font-weight: 600 !important;
overflow-wrap: anywhere !important;
max-width: 100% !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item img {
position: absolute !important;
left: 6px !important;
top: 10px !important;
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
border-radius: 14px !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item .quantity {
display: inline-flex !important;
width: auto !important;
min-height: 24px !important;
margin: 6px 0 0 !important;
padding: 5px 10px !important;
font-size: 12px !important;
white-space: nowrap !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart-item .remove {
top: 10px !important;
left: 0 !important;
width: 18px !important;
height: 18px !important;
font-size: 14px !important;
}
body .bhfb #site-header-cart .kis-prepaid-reward-line-subname {
display: none !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__total {
flex: 0 0 auto !important;
margin: 12px 0 !important;
padding-top: 12px !important;
font-size: 14px !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__buttons {
flex: 0 0 auto !important;
}
body .bhfb #site-header-cart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
min-height: 44px !important;
padding: 11px 18px !important;
font-size: 13px !important;
}
}
/* Desktop v6 payment visual polish: final neutral override. */
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .fs-free-shipping-notice-and-button-wrapper,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .flexible-shipping-free-shipping-notice,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) #flexible_shipping_free_shipping_notice,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .botiga-freespb-progress-bar,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .botiga-freespb-progress-bar-inner,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) [class*="free-shipping-notice"],
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) [class*="free-shipping-bar"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-notices-wrapper:empty {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-notices-wrapper > .woocommerce-info:empty {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) .woocommerce-notices-wrapper:has(> .woocommerce-info:empty) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill {
border-color: rgba(17, 20, 23, 0.075) !important;
background: #ffffff !important;
color: #68717d !important;
box-shadow: 0 10px 28px rgba(17, 20, 23, 0.02) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill:hover {
border-color: rgba(17, 20, 23, 0.18) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active {
border-color: rgba(17, 20, 23, 0.34) !important;
background: #f7f8fa !important;
color: #111417 !important;
box-shadow: inset 0 0 0 1px rgba(17, 20, 23, 0.055), 0 12px 30px rgba(17, 20, 23, 0.035) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only {
grid-template-rows: 1fr !important;
align-content: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only .kis-pill-copy {
align-self: center !important;
justify-self: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only .kis-pill-logo {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.active,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item.is-active,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item[aria-pressed="true"] {
border-color: rgba(17, 20, 23, 0.42) !important;
background: #f7f8fa !important;
box-shadow: inset 0 0 0 1px rgba(17, 20, 23, 0.08), 0 14px 28px rgba(17, 20, 23, 0.035) !important;
}
}
/* EOF guard: remove Botiga/Woo native checkmark from desktop v6 terms label. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host label.woocommerce-form__label-for-checkbox.checkbox:has(input#terms) span.woocommerce-terms-and-conditions-checkbox-text {
position: static !important;
padding: 0 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host label.woocommerce-form__label-for-checkbox.checkbox:has(input#terms) span.woocommerce-terms-and-conditions-checkbox-text::before,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host label.woocommerce-form__label-for-checkbox.checkbox:has(input#terms) span.woocommerce-terms-and-conditions-checkbox-text::after {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
border: 0 !important;
}
}
/* EOF guard: remove Botiga/Woo native checkmark from desktop v6 terms label. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host label.woocommerce-form__label-for-checkbox.checkbox:has(input#terms) span.woocommerce-terms-and-conditions-checkbox-text {
position: static !important;
padding: 0 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host label.woocommerce-form__label-for-checkbox.checkbox:has(input#terms) span.woocommerce-terms-and-conditions-checkbox-text::before,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host label.woocommerce-form__label-for-checkbox.checkbox:has(input#terms) span.woocommerce-terms-and-conditions-checkbox-text::after {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
border: 0 !important;
}
}
/* Final override: desktop v6 order button and terms alignment. Keep this at EOF. */
@media (min-width: 1024px) {
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .form-row.place-order {
display: grid !important;
gap: 18px !important;
margin: 22px 0 0 !important;
padding: 24px 0 0 !important;
border-top: 1px solid rgba(25, 28, 31, 0.075) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-terms-and-conditions-wrapper {
display: grid !important;
gap: 18px !important;
width: 100% !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-privacy-policy-text p {
margin: 0 !important;
color: #68717d !important;
font-family: var(--font-body) !important;
font-size: 14px !important;
line-height: 1.65 !important;
font-weight: 600 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-privacy-policy-text a,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox a {
color: #d87868 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
font-weight: 800 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 14px !important;
width: fit-content !important;
max-width: 100% !important;
min-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 800 !important;
cursor: pointer !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox::before {
content: "" !important;
flex: 0 0 26px !important;
width: 26px !important;
height: 26px !important;
border: 1.5px solid rgba(25, 28, 31, 0.42) !important;
border-radius: 7px !important;
background: #ffffff !important;
box-shadow: inset 0 0 0 2px #ffffff !important;
transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox:has(#terms:checked)::before {
border-color: #111417 !important;
background: #111417 !important;
box-shadow: inset 0 0 0 5px #ffffff !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #terms {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
appearance: none !important;
-webkit-appearance: none !important;
transform: translateX(-9999px) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #place_order {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: min(100%, 920px) !important;
min-height: 64px !important;
margin: 0 auto !important;
padding: 0 34px !important;
border: 0 !important;
border-radius: 9999px !important;
background: #111417 !important;
color: #ffffff !important;
font-family: var(--font-display) !important;
font-size: 18px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: -0.01em !important;
text-align: center !important;
box-shadow: 0 18px 34px rgba(17, 20, 23, 0.18) !important;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #place_order:hover {
transform: translateY(-1px) !important;
background: #000000 !important;
box-shadow: 0 22px 42px rgba(17, 20, 23, 0.22) !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox:has(#terms) {
align-items: center !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 850 !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox:has(#terms) .woocommerce-terms-and-conditions-checkbox-text {
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 850 !important;
padding: 0 !important;
position: static !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox:has(#terms) .woocommerce-terms-and-conditions-checkbox-text::before,
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox:has(#terms) .woocommerce-terms-and-conditions-checkbox-text::after {
content: none !important;
display: none !important;
}
html body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .woocommerce-form__label-for-checkbox.checkbox:has(#terms)::before {
border-color: rgba(25, 28, 31, 0.52) !important;
}
}
/* Desktop v6 shipping final visual lock. Mobile checkout is intentionally excluded. */
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method {
display: grid !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-desktop-v6-shipping-eta {
margin: 0 0 18px !important;
padding: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-free-shipping {
width: 100% !important;
max-width: none !important;
padding: 14px 18px 16px !important;
border: 1px solid rgba(25, 28, 31, 0.07) !important;
border-radius: 20px !important;
background: rgba(255, 255, 255, 0.72) !important;
box-shadow: 0 12px 32px rgba(25, 28, 31, 0.035) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-free-shipping-copy {
margin: 0 0 10px !important;
color: #68717d !important;
font-family: var(--font-display) !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
text-align: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-free-shipping-copy strong {
color: #191c1f !important;
font-weight: 800 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-free-shipping-track {
position: relative !important;
display: block !important;
width: 100% !important;
height: 5px !important;
border-radius: 999px !important;
background: rgba(25, 28, 31, 0.08) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-free-shipping-track span {
display: block !important;
height: 100% !important;
border-radius: inherit !important;
background: #191c1f !important;
transition: width 0.25s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li {
display: grid !important;
grid-template-columns: 26px 72px minmax(0, 1fr) auto !important;
grid-template-areas:
"radio logo info info"
". logo actions actions" !important;
align-items: center !important;
gap: 12px 22px !important;
min-height: 108px !important;
margin: 0 !important;
padding: 18px 30px 18px 22px !important;
border: 1px solid rgba(25, 28, 31, 0.075) !important;
border-radius: 22px !important;
background: #fff !important;
box-shadow: 0 12px 32px rgba(25, 28, 31, 0.025) !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected {
border-color: rgba(139, 125, 18, 0.35) !important;
background: #fffef9 !important;
box-shadow: inset 0 0 0 1px rgba(139, 125, 18, 0.16), 0 14px 36px rgba(139, 125, 18, 0.055) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li > label,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li .kis-ship-native-label,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li > .shipping-method-description {
display: none !important;
visibility: hidden !important;
position: absolute !important;
inset: auto !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-radio-wrap {
grid-area: radio !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 26px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping input.shipping_method {
position: static !important;
display: block !important;
width: 23px !important;
height: 23px !important;
margin: 0 !important;
appearance: none !important;
border: 3px solid rgba(139, 125, 18, 0.55) !important;
border-radius: 999px !important;
background: #fff !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping input.shipping_method:checked,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected input.shipping_method {
border-color: #8b7d12 !important;
background: radial-gradient(circle at center, #8b7d12 0 38%, transparent 42%) #fff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square {
grid-area: logo !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 72px !important;
height: 72px !important;
border-radius: 18px !important;
background: #f6f5f1 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square img {
display: block !important;
width: auto !important;
height: auto !important;
max-width: 56px !important;
max-height: 44px !important;
margin: 0 !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-info {
grid-area: info !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas:
"title price"
"subtitle price"
"actions actions" !important;
align-items: center !important;
gap: 5px 24px !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-main-row {
display: contents !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-title {
grid-area: title !important;
font-family: var(--font-display) !important;
font-size: 21px !important;
line-height: 1.08 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-subtitle {
grid-area: subtitle !important;
margin: 0 !important;
font-family: var(--font-body) !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #72786f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-price {
grid-area: price !important;
justify-self: end !important;
min-width: 96px !important;
text-align: right !important;
font-family: var(--font-display) !important;
font-size: 20px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-actions {
grid-area: actions !important;
display: none !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
padding-top: 2px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected.kis-checkout-shipping-pickup .kis-ship-actions {
display: flex !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container button,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 216px !important;
min-height: 42px !important;
padding: 0 22px !important;
border: 1px solid rgba(139, 125, 18, 0.38) !important;
border-radius: 999px !important;
background: #fbf7e8 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 14px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
-webkit-text-fill-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container button *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container .button * {
color: #191c1f !important;
-webkit-text-fill-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #selected-point {
display: inline-flex !important;
align-items: center !important;
max-width: min(520px, 100%) !important;
margin: 0 !important;
padding: 10px 14px !important;
border: 1px solid rgba(25, 28, 31, 0.07) !important;
border-radius: 14px !important;
background: #f6f5f1 !important;
color: #50585e !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
}
/* Desktop v6 payment methods: compact tabs + one active detail panel. */
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-card {
display: grid !important;
gap: 18px !important;
padding: 24px !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-nav {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
gap: 10px !important;
margin: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill {
position: relative !important;
display: grid !important;
grid-template-rows: minmax(28px, auto) 24px !important;
align-items: center !important;
justify-items: center !important;
gap: 8px !important;
min-height: 92px !important;
padding: 14px 10px !important;
border: 1px solid rgba(25, 28, 31, 0.075) !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: 0 10px 28px rgba(25, 28, 31, 0.022) !important;
color: #6f746d !important;
cursor: pointer !important;
transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill:hover {
transform: translateY(-1px) !important;
border-color: rgba(17, 20, 23, 0.18) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-active {
border-color: rgba(17, 20, 23, 0.34) !important;
background: #f7f8fa !important;
box-shadow: inset 0 0 0 1px rgba(17, 20, 23, 0.055), 0 12px 30px rgba(17, 20, 23, 0.035) !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill .kis-pill-copy {
display: block !important;
max-width: 100% !important;
color: inherit !important;
font-family: var(--font-display) !important;
font-size: 11px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
letter-spacing: 0.11em !important;
text-transform: uppercase !important;
text-align: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill .kis-pill-logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 22px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only {
grid-template-rows: 1fr !important;
align-items: center !important;
justify-items: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only .kis-pill-copy {
align-self: center !important;
justify-self: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill.is-text-only .kis-pill-logo {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-payment-pill .kis-pill-logo img {
display: block !important;
width: auto !important;
max-width: 58px !important;
max-height: 22px !important;
object-fit: contain !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li.wc_payment_method {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li.wc_payment_method.kis-checkout-desktop-v6-payment-active {
display: block !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li.wc_payment_method > input[type="radio"] {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li.wc_payment_method > label {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment ul.payment_methods > li.wc_payment_method.kis-checkout-desktop-v6-payment-active > label {
display: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .payment_box {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 22px !important;
border: 1px solid rgba(25, 28, 31, 0.075) !important;
border-radius: 22px !important;
background: #ffffff !important;
box-shadow: 0 12px 32px rgba(25, 28, 31, 0.025) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .payment_box p,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .payment_box label,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .payment_box li {
color: #68717d !important;
font-family: var(--font-body) !important;
font-size: 14px !important;
line-height: 1.55 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .payment_box input[type="text"],
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .payment_box input.input-text {
min-height: 54px !important;
border-radius: 16px !important;
border: 1px solid rgba(25, 28, 31, 0.09) !important;
background: #f7f8fa !important;
color: #191c1f !important;
font-size: 16px !important;
font-weight: 700 !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-banklist-grid,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-payments-grid,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-items--grid,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment [class*="bank"] ul,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment [class*="banks"] {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-payments-form {
width: 100% !important;
height: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-items--grid {
width: 100% !important;
height: auto !important;
align-items: stretch !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item {
width: auto !important;
min-width: 0 !important;
height: 78px !important;
min-height: 78px !important;
padding: 12px !important;
border: 1px solid rgba(25, 28, 31, 0.075) !important;
border-radius: 16px !important;
background: #f8f8f6 !important;
box-shadow: none !important;
transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item:hover {
transform: translateY(-1px) !important;
border-color: rgba(17, 20, 23, 0.18) !important;
background: #f7f8fa !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .montonio-bank-item img {
max-width: 86px !important;
max-height: 34px !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .paynow-blik-white-label {
display: grid !important;
gap: 16px !important;
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .paynow-blik-white-label .row {
display: grid !important;
grid-template-columns: 180px minmax(180px, 260px) !important;
align-items: center !important;
gap: 16px !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .paynow-blik-white-label .col-md-4,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment .paynow-blik-white-label .form-control-label {
width: auto !important;
max-width: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host #payment #paynow_blik_code {
width: 100% !important;
min-height: 58px !important;
text-align: center !important;
letter-spacing: 0.18em !important;
font-size: 20px !important;
font-weight: 800 !important;
}
}
/* Final desktop-only shipping layer. This intentionally does not target mobile classes. */
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-checkout-desktop-v6-shipping-card {
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method {
display: grid !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li {
position: relative !important;
display: grid !important;
grid-template-columns: 28px 72px minmax(0, 1fr) auto !important;
grid-template-areas:
"radio logo main main"
". logo actions actions" !important;
align-items: center !important;
gap: 12px 22px !important;
min-height: 110px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 18px 32px 18px 24px !important;
border: 1px solid rgba(25, 28, 31, 0.075) !important;
border-radius: 22px !important;
background: #ffffff !important;
box-shadow: 0 12px 32px rgba(25, 28, 31, 0.025) !important;
overflow: hidden !important;
transform: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected {
border-color: rgba(139, 125, 18, 0.36) !important;
box-shadow: inset 0 0 0 1px rgba(139, 125, 18, 0.18), 0 14px 38px rgba(139, 125, 18, 0.055) !important;
background: #fffef9 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-radio-wrap {
grid-area: radio !important;
width: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping input.shipping_method {
position: static !important;
display: block !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
appearance: none !important;
border: 3px solid rgba(139, 125, 18, 0.55) !important;
border-radius: 999px !important;
background: #fff !important;
box-shadow: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping input.shipping_method:checked {
border-color: #8b7d12 !important;
background: radial-gradient(circle at center, #8b7d12 0 38%, transparent 42%) #fff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected input.shipping_method {
border-color: #8b7d12 !important;
background: radial-gradient(circle at center, #8b7d12 0 38%, transparent 42%) #fff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square {
grid-area: logo !important;
display: flex !important;
width: 72px !important;
height: 72px !important;
align-items: center !important;
justify-content: center !important;
border-radius: 18px !important;
background: #f6f5f1 !important;
overflow: hidden !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-logo-square img {
display: block !important;
width: auto !important;
height: auto !important;
max-width: 56px !important;
max-height: 44px !important;
margin: 0 !important;
object-fit: contain !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-info {
display: contents !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-main-row {
grid-area: main !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 24px !important;
min-width: 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-title {
font-family: var(--font-display) !important;
font-size: 21px !important;
line-height: 1.08 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-price {
justify-self: end !important;
min-width: 96px !important;
text-align: right !important;
font-family: var(--font-display) !important;
font-size: 20px !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
color: #191c1f !important;
white-space: nowrap !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-subtitle {
grid-column: 3 / 5 !important;
margin-top: -36px !important;
align-self: end !important;
font-family: var(--font-body) !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #72786f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping .kis-ship-actions {
grid-area: actions !important;
display: none !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
max-width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #shipping_method > li.is-selected.kis-checkout-shipping-pickup .kis-ship-actions {
display: flex !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin: 0 !important;
max-width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container button,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 216px !important;
min-height: 42px !important;
padding: 0 22px !important;
border: 1px solid rgba(139, 125, 18, 0.38) !important;
border-radius: 999px !important;
background: #fbf7e8 !important;
color: #191c1f !important;
font-family: var(--font-display) !important;
font-size: 14px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
-webkit-text-fill-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container a *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container button *,
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #select-point-container .button * {
color: #191c1f !important;
-webkit-text-fill-color: #191c1f !important;
}
body.woocommerce-checkout.kis-checkout-desktop-v6:not(.woocommerce-order-received) form.checkout.kis-checkout-desktop-v6-host .kis-checkout-desktop-v6-section-shipping #selected-point {
display: inline-flex !important;
align-items: center !important;
max-width: min(520px, 100%) !important;
margin: 0 !important;
padding: 10px 14px !important;
border: 1px solid rgba(25, 28, 31, 0.07) !important;
border-radius: 14px !important;
background: #f6f5f1 !important;
color: #50585e !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header {
max-width: 1280px !important;
margin: 0 auto 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header .entry-title.page-title {
font-size: clamp(38px, 2.8vw, 52px) !important;
text-align: left !important;
letter-spacing: -0.04em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) form.checkout {
max-width: 1280px !important;
margin-inline: auto !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shell {
grid-template-columns: minmax(0, 1.62fr) minmax(320px, 344px) !important;
gap: 30px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-main,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details {
gap: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.05) !important;
border-radius: 24px !important;
padding: 22px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
background: #f7f8fb !important;
border: 1px solid rgba(25, 28, 31, 0.05) !important;
border-radius: 24px !important;
padding: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 14px !important;
font-size: 26px !important;
letter-spacing: -0.03em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 14px !important;
background: #ffffff !important;
border: 1px solid rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
padding: 16px !important;
border-radius: 18px !important;
background: #f8f9fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice {
min-height: 52px !important;
border-radius: 14px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row {
margin-bottom: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row.form-row-first,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row.form-row-last {
width: calc(50% - 6px) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .select2-selection {
min-height: 48px !important;
border-radius: 14px !important;
background: #f8f9fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
background: #f8f9fb !important;
border-radius: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
gap: 10px !important;
margin-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li {
padding: 15px 16px 15px 46px !important;
border-radius: 16px !important;
background: #ffffff !important;
border-color: rgba(25, 28, 31, 0.06) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li:has(input[type="radio"]:checked),
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li:has(input[type="radio"]:checked) {
border-color: rgba(25, 28, 31, 0.16) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li > label,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 16px !important;
line-height: 1.2 !important;
letter-spacing: -0.01em !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods .amount {
font-size: 14px !important;
color: #505a63 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-extras,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
margin-top: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
padding: 12px 14px !important;
border-radius: 14px !important;
background: #f8f9fb !important;
border: 1px solid rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 22px !important;
opacity: 0.88 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #select-point-container a {
min-height: 34px !important;
padding: 0 14px !important;
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
padding: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations .cuw-template-title {
margin-bottom: 10px !important;
font-size: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product {
grid-template-columns: 52px minmax(0, 1fr) !important;
gap: 8px 10px !important;
padding: 10px !important;
border-radius: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product > a.woocommerce-LoopProduct-link {
width: 52px !important;
height: 52px !important;
border-radius: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .woocommerce-loop-product__title {
font-size: 13px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .price {
font-size: 12px !important;
color: #505a63 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-button-wrap .button {
min-height: 32px !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead th {
padding-bottom: 10px !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 10px 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary strong {
font-size: 13px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name .product-quantity,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary small,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
font-size: 12px !important;
color: #505a63 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 14px !important;
font-size: 21px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
gap: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item {
padding: 12px !important;
border-radius: 16px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-kicker {
font-size: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item strong {
font-size: 14px !important;
}
}
@media (min-width: 1024px) {
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header {
max-width: 1320px !important;
margin: 0 auto 26px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .entry-header .entry-title.page-title {
text-align: center !important;
font-size: clamp(44px, 3vw, 58px) !important;
line-height: 0.98 !important;
letter-spacing: -0.04em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) form.checkout {
max-width: 1320px !important;
margin: 0 auto !important;
padding-bottom: 64px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shell {
grid-template-columns: minmax(0, 1.48fr) minmax(360px, 392px) !important;
gap: 36px !important;
align-items: start !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-main,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #customer_details {
gap: 22px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-aside {
top: 108px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-card,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
padding: 26px !important;
border-radius: 28px !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-card {
padding: 24px !important;
border-radius: 28px !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
background: linear-gradient(180deg, #ffffff 0%, #fafbfd 100%) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
padding: 16px !important;
border-radius: 24px !important;
border: 1px solid rgba(25, 28, 31, 0.06) !important;
background: #f7f8fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-1 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .col2-set .col-2 h3,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-payment-heading {
margin: 0 0 18px !important;
font-size: 30px !important;
line-height: 1.02 !important;
letter-spacing: -0.03em !important;
font-weight: 500 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-summary-eyebrow {
margin: 0 0 16px !important;
min-height: 34px !important;
padding: 0 14px !important;
font-size: 11px !important;
letter-spacing: 0.08em !important;
background: #f4f4f4 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-type {
margin: 0 0 18px !important;
padding: 18px !important;
border-radius: 20px !important;
background: #f8f9fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice {
min-height: 58px !important;
padding: 0 16px !important;
border-radius: 16px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-buyer-choice-text {
font-size: 15px !important;
font-weight: 600 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row {
margin-bottom: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row label {
margin-bottom: 7px !important;
font-size: 12px !important;
letter-spacing: 0.04em !important;
text-transform: none !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .input-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) select,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .select2-selection {
min-height: 52px !important;
padding-inline: 16px !important;
border-radius: 16px !important;
background: #f8f9fb !important;
font-size: 14px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggles {
gap: 12px !important;
margin-top: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-secondary-toggle {
padding: 16px !important;
border-radius: 20px !important;
background: #f8f9fb !important;
border-color: rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy strong,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy strong {
font-size: 16px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-ship-copy span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-order-notes-toggle-copy span {
font-size: 12px !important;
color: #6c7580 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-methods-block {
gap: 12px !important;
margin: 0 0 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods {
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method li,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li {
padding: 16px 18px 16px 50px !important;
border-radius: 18px !important;
border-color: rgba(25, 28, 31, 0.06) !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #shipping_method input[type="radio"],
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods input[type="radio"] {
top: 17px !important;
left: 18px !important;
width: 18px !important;
height: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-title,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label > span:first-child,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods > li > label {
font-size: 17px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
letter-spacing: -0.01em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-price,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .wc_payment_methods .amount {
font-size: 14px !important;
color: #505a63 !important;
font-weight: 700 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-extras,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
margin-top: 8px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box {
padding: 12px 14px !important;
border-radius: 16px !important;
background: #f8f9fb !important;
border: 1px solid rgba(25, 28, 31, 0.05) !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .payment_box p {
font-size: 12px !important;
color: #6c7580 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .shipping-method-description img {
max-height: 22px !important;
opacity: 0.9 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-action-btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .portmonetka-container__btn,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #select-point-container a {
min-height: 36px !important;
padding: 0 14px !important;
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-shipping-selected-point,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #selected-point {
margin-top: 6px !important;
padding: 8px 10px !important;
border-radius: 12px !important;
font-size: 11px !important;
background: #f8f9fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-slot {
margin: 0 0 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-box {
padding: 14px 16px !important;
border-radius: 18px !important;
background: #f8f9fb !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-title {
font-size: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-prepaid-reward-copy,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-delivery-eta {
font-size: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations {
padding: 18px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations .cuw-template-title {
margin-bottom: 12px !important;
font-size: 20px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product {
grid-template-columns: 60px minmax(0, 1fr) !important;
gap: 8px 10px !important;
padding: 12px !important;
border-radius: 16px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product > a.woocommerce-LoopProduct-link {
width: 60px !important;
height: 60px !important;
border-radius: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .woocommerce-loop-product__title {
font-size: 13px !important;
line-height: 1.24 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .price {
font-size: 12px !important;
color: #505a63 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-recommendations ul.products > li.product .loop-button-wrap .button {
min-height: 32px !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-privacy-policy-text,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .form-row.place-order {
font-size: 12px !important;
color: #6c7580 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) #place_order {
min-height: 48px !important;
font-size: 14px !important;
margin-top: 12px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table {
width: 100% !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead th {
padding-bottom: 10px !important;
font-size: 11px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tbody .cart_item th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table tfoot td {
padding: 10px 0 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-total,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary strong {
font-size: 13px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .product-name .product-quantity,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary span,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-shipping-summary small,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .fee td,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
font-size: 12px !important;
color: #6c7580 !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total td {
padding-top: 14px !important;
font-size: 22px !important;
letter-spacing: -0.03em !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust {
gap: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item {
padding: 12px !important;
border-radius: 16px !important;
background: #ffffff !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-kicker {
font-size: 10px !important;
}
body.woocommerce-checkout.kis-checkout-desktop-active:not(.woocommerce-order-received) .kis-checkout-desktop-trust-item strong {
font-size: 14px !important;
}
}