.lnj-pdp__atc form.cart {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: stretch;
}
.woocommerce .quantity,
.woocommerce div.product form.cart .quantity,
.lnj-cart-line__qty .quantity {
display: flex;
align-items: center;
margin: 0;
}
.woocommerce .quantity .qty,
.lnj-cart-line__qty .qty {
width: 72px;
min-height: 52px;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
background: var(--lnj-cream-alt);
color: var(--lnj-primary);
font-family: var(--lnj-font-meta);
font-size: 14px;
letter-spacing: 0.08em;
text-align: center;
padding: 8px 6px;
box-shadow: none;
-moz-appearance: textfield;
}
.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.lnj-pdp__atc .single_add_to_cart_button {
flex: 1 1 auto;
width: auto !important;
}
.woocommerce ul.products { display: none; }
.woocommerce span.onsale { display: none; }
.woocommerce div.product .product_title,
.lnj-pdp .product_title {
font-family: var(--lnj-font-display);
font-weight: 400;
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
margin: 0 0 24px;
}
@media (min-width: 1024px) {
.woocommerce div.product .product_title,
.lnj-pdp .product_title {
margin-bottom: 16px;
}
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.lnj-pdp .price {
font-family: var(--lnj-font-display);
font-size: 24px;
color: var(--lnj-primary);
font-weight: 400;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.lnj-pdp .price del,
.lnj-price del,
.woocommerce .price del {
font-size: 0.72em;
color: var(--lnj-faint);
text-decoration: line-through;
text-decoration-thickness: 1px;
opacity: 0.85;
}
.lnj-pdp .price ins,
.lnj-price ins,
.woocommerce .price ins {
text-decoration: none;
color: var(--lnj-primary);
}
.lnj-omnibus {
display: block;
margin-top: 6px;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-soft);
line-height: 1.4;
font-weight: 400;
}
.lnj-omnibus__label {
color: var(--lnj-faint);
}
.lnj-omnibus__val {
color: var(--lnj-soft);
}
.lnj-price-current {
display: inline;
}
.lnj-cat-row__price .lnj-omnibus,
.lnj-product-row .lnj-omnibus,
.lnj-frame-card .lnj-omnibus {
margin-top: 4px;
font-size: 9px;
letter-spacing: 0.08em;
max-width: 22ch;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.lnj-pdp__atc .single_add_to_cart_button {
font-family: var(--lnj-font-meta) !important;
font-size: 12px !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
border: 1px solid var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
background: var(--lnj-primary) !important;
color: var(--lnj-gold-fixed) !important;
box-shadow: none !important;
padding: 16px 24px !important;
font-weight: 400 !important;
width: 100%;
}
.woocommerce button.button.alt:hover,
.lnj-pdp__atc .single_add_to_cart_button:hover {
background: var(--lnj-cream) !important;
color: var(--lnj-primary) !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
border: 1px solid var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
background: var(--lnj-cream-alt) !important;
box-shadow: none !important;
}
body.single-product .woocommerce-message,
body.lnj-product .woocommerce-message,
.lnj-pdp-page > .woocommerce-notices-wrapper,
.lnj-pdp-page > .woocommerce-message {
display: none !important;
}
.woocommerce table.shop_table {
border: 1px solid var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
border-color: var(--lnj-line) !important;
padding: 16px !important;
font-weight: 400;
} .woocommerce form .form-row {
margin: 0 0 22px !important;
padding: 0 !important;
}
.woocommerce form .form-row label {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-soft);
line-height: 1.4;
margin-bottom: 8px !important;
}
.woocommerce form .form-row label .required,
.woocommerce form .form-row label .optional {
color: var(--lnj-faint);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .form-row .select2-container .select2-selection--single {
width: 100%;
border: 1px solid var(--lnj-line) !important;
border-bottom-color: var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
background: var(--lnj-cream-alt) !important;
color: var(--lnj-primary) !important;
padding: 14px 14px !important;
min-height: 48px;
box-shadow: none !important;
outline: none;
-webkit-appearance: none;
appearance: none;
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
color: var(--lnj-faint);
opacity: 1;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
border-color: var(--lnj-primary) !important;
background: var(--lnj-cream) !important;
}
.woocommerce form .form-row select {
background-image: linear-gradient(45deg, transparent 50%, var(--lnj-primary) 50%),
linear-gradient(135deg, var(--lnj-primary) 50%, transparent 50%);
background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
padding-right: 36px !important;
cursor: pointer;
}
.woocommerce form .form-row textarea,
.woocommerce form .form-row.lnj-order-notes textarea,
.woocommerce form .form-row #order_comments {
min-height: 140px !important;
height: 140px;
resize: vertical;
line-height: 1.6;
padding-top: 14px !important;
} .woocommerce form .password-input,
.woocommerce-page form .password-input {
display: block;
position: relative;
}
.woocommerce form .password-input input.input-text,
.woocommerce form .password-input input[type="password"],
.woocommerce form .password-input input[type="text"],
.woocommerce-page form .password-input input.input-text,
body.woocommerce-account .password-input input.input-text {
padding-right: 48px !important;
margin-bottom: 0;
}
.woocommerce form .password-input input::-ms-reveal,
.woocommerce form .password-input input::-ms-clear {
display: none;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input,
body.woocommerce-account button.show-password-input,
.woocommerce button.show-password-input.button {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: var(--lnj-radius-frame) !important;
background: transparent !important;
box-shadow: none !important;
color: var(--lnj-primary) !important;
font-size: 0 !important;
line-height: 0 !important;
letter-spacing: 0 !important;
text-transform: none !important;
cursor: pointer;
z-index: 2;
display: flex !important;
align-items: center;
justify-content: center;
-webkit-appearance: none;
appearance: none;
}
.woocommerce form .show-password-input:hover,
.woocommerce-page form .show-password-input:hover,
body.woocommerce-account button.show-password-input:hover {
opacity: 0.7;
background: transparent !important;
color: var(--lnj-primary) !important;
}
.woocommerce form .show-password-input:focus-visible {
outline: 1px solid var(--lnj-primary);
outline-offset: 2px;
}
.woocommerce form .show-password-input::before,
.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::before,
.woocommerce-page form .show-password-input::after {
content: "";
display: block;
width: 22px;
height: 22px;
margin: 0;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::after {
display: none;
}
.woocommerce form .show-password-input.display-password::before,
.woocommerce-page form .show-password-input.display-password::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 10.6a3 3 0 1 0 4.2 4.2'/%3E%3Cpath d='M9.9 5.2A11 11 0 0 1 22 12s-1.2 2.3-3.3 4.1M6.1 6.1C3.9 7.9 2 12 2 12s3.5 7 10 7c1.6 0 3-.3 4.3-.8'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 10.6a3 3 0 1 0 4.2 4.2'/%3E%3Cpath d='M9.9 5.2A11 11 0 0 1 22 12s-1.2 2.3-3.3 4.1M6.1 6.1C3.9 7.9 2 12 2 12s3.5 7 10 7c1.6 0 3-.3 4.3-.8'/%3E%3C/svg%3E");
} .woocommerce .select2-container {
width: 100% !important;
}
.woocommerce .select2-container--default .select2-selection--single {
background-color: var(--lnj-cream-alt) !important;
border: 1px solid var(--lnj-line) !important;
border-bottom-color: var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
height: 48px !important;
display: flex;
align-items: center;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--lnj-primary) !important;
line-height: 1.4 !important;
padding-left: 14px !important;
padding-right: 36px !important;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px !important;
right: 8px !important;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--lnj-primary) transparent transparent transparent !important;
}
.woocommerce .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce .select2-container--default.select2-container--focus .select2-selection--single {
border-color: var(--lnj-primary) !important;
background-color: var(--lnj-cream) !important;
}
.select2-dropdown {
background: var(--lnj-cream) !important;
border: 1px solid var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
color: var(--lnj-primary);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
background: var(--lnj-cream-alt) !important;
border: 1px solid var(--lnj-line) !important;
border-radius: var(--lnj-radius-frame) !important;
color: var(--lnj-primary);
padding: 10px 12px;
}
.select2-container--default .select2-results__option {
padding: 10px 14px;
background: var(--lnj-cream);
color: var(--lnj-primary);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
background: var(--lnj-cream-alt) !important;
color: var(--lnj-primary) !important;
} .woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3 {
display: none;
}
.woocommerce-checkout #payment {
background: transparent;
border: 0;
border-radius: var(--lnj-radius-frame);
}
.woocommerce-checkout #payment .wc_payment_method > .payment_box {
background: transparent;
border-radius: var(--lnj-radius-frame);
} .lnj-pdp {
position: relative;
padding: 20px 0 64px;
}
@media (min-width: 1024px) {
.lnj-pdp {
padding: 0 0 48px;
}
}
.lnj-pdp__rail {
display: none;
}
@media (min-width: 1024px) {
.lnj-pdp__rail {
display: flex;
position: absolute;
left: var(--lnj-margin);
top: 10px;
width: 64px;
justify-content: center;
}
}
.lnj-pdp__grid {
display: grid;
gap: 48px;
}
@media (min-width: 1024px) {
.lnj-pdp__atf {
--lnj-pdp-atf-h: calc(100dvh - var(--lnj-header-h) - var(--lnj-admin-bar));
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr);
grid-template-rows: minmax(0, 1fr);
gap: 16px;
padding: 8px 0 8px 96px;
height: var(--lnj-pdp-atf-h);
max-height: var(--lnj-pdp-atf-h);
align-items: stretch;
min-height: 0;
overflow: hidden;
box-sizing: border-box;
}
.lnj-pdp__atf > * {
min-height: 0;
max-height: 100%;
}
}
.lnj-pdp__gallery {
position: relative;
min-height: 0;
padding-left: 48px;
}
@media (min-width: 1024px) {
.lnj-pdp__gallery {
min-height: 0;
padding-left: 0;
display: flex;
flex-direction: column;
height: 100%;
max-height: 100%;
overflow: hidden;
}
}
.lnj-pdp__main {
width: 85%;
max-width: 100%;
aspect-ratio: 4 / 5;
background-color: #C2A769;
position: relative;
z-index: 1;
display: block;
padding: 0;
border: 0;
cursor: zoom-in;
overflow: hidden;
}
@media (min-width: 1024px) {
.lnj-pdp__main {
width: 100%;
flex: 1 1 0;
min-height: 0;
height: auto;
aspect-ratio: auto;
}
}
.lnj-pdp__photo {
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
background-color: #C2A769;
background-image: var(--lnj-placeholder);
background-position: center;
background-size: 50% auto;
background-repeat: no-repeat;
}
img.lnj-pdp__photo {
background-image: none;
}
.lnj-pdp__photo[style*="background-image"] {
background-size: cover;
}
.lnj-pdp__main.is-placeholder .lnj-pdp__photo,
.lnj-pdp__slide.is-placeholder .lnj-pdp__photo {
object-fit: contain;
background-size: 50% auto;
}
.lnj-pdp__gallery.is-sold .lnj-pdp__photo,
.lnj-pdp__gallery.is-sold .lnj-pdp__thumb,
.lnj-pdp__carousel.is-sold .lnj-pdp__photo {
filter: grayscale(1);
}
.lnj-pdp__gallery--solo .lnj-pdp__main {
width: 100%;
}
.lnj-pdp__gallery--solo .lnj-pdp__thumbs {
display: none;
}
.lnj-pdp__thumbs {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 32px;
width: 85%;
}
@media (min-width: 1024px) {
.lnj-pdp__thumbs {
width: 100%;
margin-top: 8px;
gap: 8px;
flex-shrink: 0;
flex-wrap: nowrap;
}
}
.lnj-pdp__thumb {
width: 72px;
height: 72px;
padding: 0;
border: 1px solid transparent;
background-color: var(--lnj-cream-alt);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
flex-shrink: 0;
transition: border-color 0.2s, opacity 0.2s;
}
@media (min-width: 1024px) {
.lnj-pdp__thumb {
width: 44px;
height: 44px;
}
}
.lnj-pdp__thumb.is-placeholder {
background-size: 55% auto;
background-color: #C2A769;
}
.lnj-pdp__thumb:hover,
.lnj-pdp__thumb:focus-visible {
border-color: var(--lnj-primary);
outline: none;
}
.lnj-pdp__thumb.is-active {
border-color: var(--lnj-primary);
box-shadow: inset 0 0 0 1px var(--lnj-primary);
}
.lnj-pdp__info {
padding-top: 0;
}
@media (min-width: 1024px) {
.lnj-pdp__info {
padding-left: 16px;
display: flex;
flex-direction: column;
min-height: 0;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.lnj-pdp__atc--hold,
.lnj-hold-note {
flex: 0 0 auto;
min-height: 0;
overflow: visible;
}
}
.lnj-pdp__index {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
margin: 0 0 16px;
}
.lnj-pdp__price-row {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.lnj-pdp__price-row .lnj-price-with-stock {
align-items: center;
}
.lnj-pdp__desc {
margin-bottom: 0;
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
font-size: 16px;
line-height: 1.75;
max-width: 42ch;
}
.lnj-pdp__size-block {
border-bottom: 1px solid var(--lnj-primary);
padding-bottom: 20px;
margin-bottom: 20px;
}
.lnj-pdp__size-head {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
.lnj-pdp__spec {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px 24px;
border-bottom: 1px solid var(--lnj-primary);
padding-bottom: 16px;
margin-top: 18px;
}
.lnj-pdp__spec-copy {
min-width: 0;
flex: 1 1 auto;
}
.lnj-pdp__spec-copy .lnj-pdp__bead {
margin-bottom: 10px;
}
.lnj-pdp__spec .lnj-pdp__size-block {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.lnj-pdp__spec-stock {
flex-shrink: 0;
margin-right: 20px;
}
.lnj-pdp__spec-stock .lnj-pdp__badges {
align-items: flex-end;
}
.lnj-pdp__spec-stock .lnj-stock-badge {
height: 42px;
min-height: 42px;
padding: 0 18px;
}
.lnj-pdp__spec-stock .lnj-unikat-badge {
height: 42px;
min-height: 42px;
padding: 0 18px;
}
.lnj-pdp__atc {
margin-bottom: 0;
margin-top: 0;
}
.lnj-pdp__atc .stock {
display: none !important;
}
.lnj-pdp__ship-note {
margin: 14px 0 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-faint);
line-height: 1.45;
}
.lnj-pdp__ship-item {
white-space: nowrap;
}
@media (min-width: 1024px) {
.lnj-pdp__info {
gap: clamp(10px, 1.6vh, 18px);
}
.lnj-pdp__info > .lnj-crumbs--pdp {
margin: 0;
}
.lnj-pdp__index {
margin: 0;
}
.woocommerce div.product .product_title,
.lnj-pdp .product_title {
font-size: clamp(1.9rem, 5vh, 2.55rem);
margin: 0;
}
.lnj-pdp__price-row {
margin: 0;
gap: 20px;
}
.lnj-pdp__bead {
margin: 0;
}
.lnj-pdp__size-block {
padding-bottom: clamp(14px, 2vh, 20px);
margin: 0;
}
.lnj-pdp__spec {
padding-bottom: clamp(14px, 2vh, 20px);
}
.lnj-pdp__spec .lnj-pdp__size-block {
padding-bottom: 0;
}
.lnj-pdp__size-head {
margin-bottom: 8px;
}
.lnj-pdp__size-block .lnj-pdp__size-hint {
margin-top: 8px;
}
.lnj-pdp__atc {
margin-top: 0;
margin-bottom: 0;
}
.lnj-pdp__atc form.cart {
gap: 10px;
flex-wrap: nowrap;
}
.lnj-pdp__atc .quantity {
flex: 0 0 auto;
width: auto;
}
.lnj-pdp__atc .quantity .qty,
.lnj-pdp__atc .qty {
min-height: 48px;
}
.lnj-pdp__atc .single_add_to_cart_button {
padding: 14px 22px !important;
}
.lnj-pdp__ship-note {
margin-top: 18px;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
gap: 6px;
}
}
.lnj-pdp__below {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
margin-top: 48px;
padding-top: 40px;
border-top: 1px solid rgba(27, 36, 46, 0.15);
}
@media (min-width: 1024px) {
.lnj-pdp__below {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 48px 64px;
padding-left: 96px;
margin-top: 56px;
padding-top: 56px;
align-items: start;
}
}
.lnj-pdp__details .lnj-pdp-explainers {
margin-top: 20px;
}
.lnj-pdp__acc-col .lnj-acc {
margin: 0;
}
.lnj-pdp__acc-col .lnj-acc__panel {
max-width: none;
}
.lnj-pdp__price-row .lnj-stock-badge,
.lnj-pdp__title-price .lnj-stock-badge,
.lnj-pdp__spec-stock .lnj-stock-badge {
border-color: rgba(5, 14, 24, 0.28);
color: rgba(5, 14, 24, 0.55);
gap: 8px;
}
.lnj-pdp__price-row .lnj-stock-badge__dot,
.lnj-pdp__title-price .lnj-stock-badge__dot,
.lnj-pdp__spec-stock .lnj-stock-badge__dot {
width: 6px;
height: 6px;
}
.lnj-pdp__price-row .lnj-unikat-badge,
.lnj-pdp__title-price .lnj-unikat-badge,
.lnj-pdp__spec-stock .lnj-unikat-badge {
border-color: var(--lnj-gold);
color: var(--lnj-primary);
background: var(--lnj-gold);
}
.lnj-next-drop {
position: relative;
padding: 28px 0 72px;
border-top: 1px solid var(--lnj-primary);
}
.lnj-next-drop__layout {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 1024px) {
.lnj-next-drop__layout {
grid-template-columns: 80px minmax(0, 1fr);
gap: 18px;
align-items: start;
}
}
.lnj-next-drop__rail {
display: none;
}
@media (min-width: 1024px) {
.lnj-next-drop__rail {
display: flex;
justify-content: center;
border-right: 1px solid var(--lnj-primary);
min-height: 200px;
padding-top: 8px;
}
.lnj-next-drop__rail .lnj-rail--display {
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h) + 24px);
height: fit-content;
}
}
.lnj-next-drop__title {
display: block;
font-family: var(--lnj-font-display);
font-size: 28px;
font-weight: 400;
margin: 0 0 24px;
color: var(--lnj-primary);
}
@media (min-width: 1024px) {
.lnj-next-drop__title { display: none; }
}
.lnj-next-drop__main {
min-width: 0;
}
@media (min-width: 1024px) { .lnj-next-drop__main {
padding-right: calc(80px + 18px);
}
}
.lnj-checkout-layout {
--lnj-font-display: var(--lnj-font-article);
--lnj-font-body: var(--lnj-font-article);
--lnj-font-meta: var(--lnj-font-article);
font-family: var(--lnj-font-article);
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
padding-top: 28px;
padding-bottom: 64px;
}
@media (min-width: 1024px) {
.lnj-checkout-layout {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
gap: 32px 40px;
}
}
body.woocommerce-checkout .lnj-checkout-eyebrow.lnj-meta {
display: block;
margin-bottom: 6px;
font-family: var(--lnj-font-article);
font-size: 14px;
letter-spacing: 0;
text-transform: none;
line-height: 1.3;
}
.lnj-checkout-title {
font-family: var(--lnj-font-article) !important;
font-size: 28px !important;
margin-bottom: 18px !important;
text-transform: none;
}
.lnj-checkout-step { margin-bottom: 22px; }
.lnj-checkout-step:last-child { margin-bottom: 0; }
.lnj-checkout-step__title {
font-family: var(--lnj-font-article);
font-size: 16px;
letter-spacing: 0;
text-transform: none;
margin-bottom: 14px;
padding-bottom: 8px;
border-bottom: 1px solid var(--lnj-primary);
}
body.woocommerce-checkout form.checkout .form-row.lnj-paczkomat-field {
margin: 0 0 18px !important;
}
body.woocommerce-checkout form.checkout .lnj-paczkomat-field .description,
body.woocommerce-checkout form.checkout .lnj-paczkomat-field .woocommerce-input-wrapper .description {
display: block !important;
margin: 8px 0 0;
font-family: var(--lnj-font-article);
font-size: 14px;
line-height: 1.55;
letter-spacing: 0;
text-transform: none;
color: var(--lnj-soft);
font-weight: 400;
} body.woocommerce-checkout form.checkout .form-row {
margin: 0 0 12px !important;
}
body.woocommerce-checkout form.checkout .form-row label,
body.woocommerce-checkout form.checkout .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout form.checkout #ship-to-different-address label {
font-family: var(--lnj-font-article);
font-size: 15px;
letter-spacing: 0;
text-transform: none;
line-height: 1.35;
margin-bottom: 6px !important;
}
body.woocommerce-checkout form.checkout .form-row label .optional,
body.woocommerce-checkout form.checkout .form-row label .required {
text-transform: none;
letter-spacing: 0;
}
body.woocommerce-checkout form.checkout .form-row input.input-text,
body.woocommerce-checkout form.checkout .form-row textarea,
body.woocommerce-checkout form.checkout .form-row select,
body.woocommerce-checkout form.checkout .form-row .select2-container .select2-selection--single,
body.woocommerce-checkout form.checkout .form-row .select2-selection__rendered {
font-family: var(--lnj-font-article) !important;
letter-spacing: 0;
text-transform: none;
padding: 8px 12px !important;
min-height: 40px;
font-size: 15px;
line-height: 1.4;
}
body.woocommerce-checkout form.checkout .form-row input.input-text::placeholder,
body.woocommerce-checkout form.checkout .form-row textarea::placeholder {
font-family: var(--lnj-font-article);
text-transform: none;
letter-spacing: 0;
}
body.woocommerce-checkout .select2-dropdown,
body.woocommerce-checkout .select2-container--default .select2-results__option {
font-family: var(--lnj-font-article);
text-transform: none;
letter-spacing: 0;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 40px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px !important;
}
body.woocommerce-checkout form.checkout .form-row textarea,
body.woocommerce-checkout form.checkout .form-row.lnj-order-notes textarea,
body.woocommerce-checkout form.checkout .form-row #order_comments {
min-height: 72px !important;
height: 72px;
padding-top: 8px !important;
font-size: 14px;
}
@media (min-width: 1024px) {
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 14px;
row-gap: 12px;
}
body.woocommerce-checkout form.checkout .form-row {
margin: 0 !important;
}
body.woocommerce-checkout form.checkout .form-row.lnj-paczkomat-field {
margin: 0 0 18px !important;
}
body.woocommerce-checkout form.checkout .form-row-wide {
grid-column: 1 / -1;
}
body.woocommerce-checkout .lnj-checkout-aside {
position: sticky;
top: calc(var(--lnj-header-h) + 12px);
}
} .lnj-checkout-order {
width: 100%;
margin: 0 0 20px;
}
.lnj-checkout-order__products {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
.lnj-checkout-order__line-top {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.lnj-checkout-order__name {
font-family: var(--lnj-font-display);
font-size: 18px;
line-height: 1.25;
color: var(--lnj-primary);
min-width: 0;
flex: 1 1 auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: none;
letter-spacing: 0.02em;
}
.lnj-checkout-order__name .product-quantity {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lnj-soft);
font-weight: 400;
}
.lnj-checkout-order__remove {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.4em;
height: 1.4em;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: var(--lnj-faint);
font-family: var(--lnj-font-meta);
font-size: 18px;
line-height: 1;
text-decoration: none;
cursor: pointer;
}
.lnj-checkout-order__remove:hover,
.lnj-checkout-order__remove:focus-visible {
color: var(--lnj-primary);
outline: none;
}
.lnj-checkout-order__price {
flex: 0 0 auto;
font-family: var(--lnj-font-display);
font-size: 20px;
line-height: 1.2;
white-space: nowrap;
text-align: right;
}
.lnj-checkout-order__thumbs {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0 0 16px;
}
.lnj-checkout-order__thumb {
display: block;
flex: 0 0 auto;
width: 88px;
aspect-ratio: 1;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
background: var(--lnj-cream-alt) center / cover no-repeat;
}
.lnj-checkout-order__thumb--empty {
background-image: none;
}
.lnj-checkout-order__ship {
display: block;
margin-bottom: 18px;
}
.lnj-checkout-order__methods {
min-width: 0;
}
.lnj-checkout-order__ship-label {
display: block;
margin: 0 0 10px;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
}
.lnj-checkout-order__ship-empty {
margin: 0;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.06em;
color: var(--lnj-soft);
}
.lnj-checkout-order__methods ul.woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.lnj-checkout-order__methods ul.woocommerce-shipping-methods li {
display: grid;
grid-template-columns: 18px minmax(0, 1fr);
column-gap: 12px;
align-items: center;
margin: 0;
padding: 12px 14px;
border: 1px solid var(--lnj-line);
background: var(--lnj-cream);
border-radius: var(--lnj-radius-frame);
box-sizing: border-box;
}
.lnj-checkout-order__methods ul.woocommerce-shipping-methods li:has(input:checked) {
border-color: var(--lnj-primary);
background: var(--lnj-cream-alt);
}
.lnj-checkout-order__methods ul.woocommerce-shipping-methods li:has(input[type="hidden"]):not(:has(input[type="radio"])) {
grid-template-columns: minmax(0, 1fr);
}
.lnj-checkout-order__methods .shipping_method[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
margin: 0 !important;
border: 1.5px solid var(--lnj-primary);
border-radius: 50%;
background: transparent;
cursor: pointer;
}
.lnj-checkout-order__methods .shipping_method[type="radio"]:checked {
background: radial-gradient(circle at center, var(--lnj-primary) 0 4px, transparent 4.6px);
}
.lnj-checkout-order__methods .shipping_method[type="hidden"] {
display: none;
}
.lnj-checkout-order__methods label {
font-family: var(--lnj-font-display);
font-size: 16px;
line-height: 1.3;
letter-spacing: 0.02em;
text-transform: none;
color: var(--lnj-primary);
cursor: pointer;
min-width: 0;
overflow-wrap: anywhere;
}
.lnj-checkout-order__methods li:has(input[type="hidden"]):not(:has(input[type="radio"])) label {
cursor: default;
}
@media (max-width: 640px) {
.lnj-checkout-order__thumbs {
gap: 10px;
}
.lnj-checkout-order__thumb {
width: 72px;
}
.lnj-checkout-order__name {
font-size: 16px;
}
.lnj-checkout-order__price {
font-size: 18px;
}
} body.woocommerce-checkout #order_review {
width: 100%;
}
body.woocommerce-checkout .lnj-checkout-order.woocommerce-checkout-review-order-table {
display: block;
width: 100% !important;
border: 0 !important;
background: transparent;
margin: 0 0 20px !important;
padding: 0;
}
body.woocommerce-checkout .lnj-checkout-order__totals {
width: 100% !important;
border: 1px solid var(--lnj-primary) !important;
background: var(--lnj-cream-alt);
margin: 0 0 20px !important;
}
body.woocommerce-checkout .lnj-checkout-order__totals thead {
display: none;
}
body.woocommerce-checkout .lnj-checkout-order__totals th,
body.woocommerce-checkout .lnj-checkout-order__totals td {
padding: 10px 14px !important;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
border-color: var(--lnj-line) !important;
vertical-align: top;
}
body.woocommerce-checkout .lnj-checkout-order__totals .cart_item td {
text-transform: none;
letter-spacing: 0.02em;
font-family: var(--lnj-font-body);
font-size: 14px;
}
body.woocommerce-checkout .lnj-checkout-order__totals .cart_item td:last-child,
body.woocommerce-checkout .lnj-checkout-order__totals tfoot td {
text-align: right;
white-space: nowrap;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.06em;
text-transform: none;
}
body.woocommerce-checkout .lnj-checkout-order__totals tfoot .woocommerce-shipping-totals th,
body.woocommerce-checkout .lnj-checkout-order__totals tfoot .woocommerce-shipping-totals td {
text-align: left;
white-space: normal;
min-width: 0;
max-width: 100%;
overflow-wrap: anywhere;
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
max-width: 100%;
min-width: 0;
text-align: left;
white-space: normal;
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods li {
display: grid;
grid-template-columns: 18px minmax(0, 1fr);
column-gap: 12px;
align-items: center;
margin: 0;
padding: 12px 14px;
border: 1px solid var(--lnj-line);
background: var(--lnj-cream);
max-width: 100%;
min-width: 0;
box-sizing: border-box;
text-align: left;
white-space: normal;
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods li:has(input:checked) {
border-color: var(--lnj-primary);
background: var(--lnj-cream-alt);
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods li:has(input[type="hidden"]):not(:has(input[type="radio"])) {
grid-template-columns: minmax(0, 1fr);
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods .shipping_method[type="radio"] {
grid-column: 1;
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
margin: 0 !important;
padding: 0;
border: 1.5px solid var(--lnj-primary);
border-radius: 50%;
background: transparent;
box-shadow: none;
align-self: center;
justify-self: center;
cursor: pointer;
flex-shrink: 0;
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods .shipping_method[type="radio"]:checked {
background: radial-gradient(circle at center, var(--lnj-primary) 0 4px, transparent 4.6px);
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods .shipping_method[type="hidden"] {
display: none;
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods label {
grid-column: 2;
min-width: 0;
margin: 0 !important;
font-family: var(--lnj-font-display);
font-size: 16px;
line-height: 1.3;
letter-spacing: 0.02em;
text-transform: none;
color: var(--lnj-primary);
white-space: normal;
overflow-wrap: anywhere;
text-align: left;
cursor: pointer;
}
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods li:has(input[type="hidden"]):not(:has(input[type="radio"])) label {
grid-column: 1;
cursor: default;
}
body.woocommerce-checkout .woocommerce-shipping-destination,
body.woocommerce-checkout .woocommerce-shipping-calculator,
body.woocommerce-checkout .shipping-calculator-form {
max-width: 100%;
min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
}
body.woocommerce-checkout .woocommerce-shipping-totals td > * {
max-width: 100%;
box-sizing: border-box;
}
body.woocommerce-checkout .woocommerce-shipping-totals iframe,
body.woocommerce-checkout .woocommerce-shipping-totals img {
max-width: 100%;
height: auto;
}
body.woocommerce-checkout .lnj-checkout-order .product-quantity {
color: var(--lnj-soft);
}
body.woocommerce-checkout .lnj-checkout-order__totals .cart-discount .woocommerce-remove-coupon {
display: none !important;
}
body.woocommerce-checkout .lnj-checkout-order__totals .order-total th,
body.woocommerce-checkout .lnj-checkout-order__totals .order-total td {
border-top: 0 !important;
font-size: 13px;
color: var(--lnj-primary);
padding-top: 14px !important;
padding-bottom: 14px !important;
}
body.woocommerce-checkout .lnj-checkout-order__totals .order-total .woocommerce-Price-amount {
font-family: var(--lnj-font-display);
font-size: 22px;
letter-spacing: 0;
text-transform: none;
}
body.woocommerce-checkout #payment {
background: transparent;
border: 0;
padding: 0;
margin: 0;
}
body.woocommerce-checkout #payment ul.payment_methods {
list-style: none;
margin: 0 0 16px;
padding: 0;
border: 0;
}
body.woocommerce-checkout #payment ul.payment_methods > li {
margin: 0 0 18px;
padding: 0;
border: 0;
background: transparent;
}
body.woocommerce-checkout #payment ul.payment_methods > li:last-child {
margin-bottom: 0;
}
body.woocommerce-checkout #payment .wc_payment_method {
display: grid;
grid-template-columns: 18px minmax(0, 1fr);
column-gap: 12px;
row-gap: 8px;
align-items: center;
}
body.woocommerce-checkout #payment .wc_payment_method:only-child > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
body.woocommerce-checkout #payment .wc_payment_method:only-child {
grid-template-columns: minmax(0, 1fr);
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"] {
grid-column: 1;
grid-row: 1;
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
margin: 0 !important;
padding: 0;
border: 1.5px solid var(--lnj-primary);
border-radius: 50%;
background: transparent;
box-shadow: none;
align-self: center;
justify-self: center;
cursor: pointer;
flex-shrink: 0;
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"]:checked {
background: radial-gradient(circle at center, var(--lnj-primary) 0 4px, transparent 4.6px);
}
body.woocommerce-checkout #payment .wc_payment_method > input[type="radio"]:focus-visible {
outline: 1px solid var(--lnj-primary);
outline-offset: 3px;
}
body.woocommerce-checkout #payment .wc_payment_method > label {
grid-column: 2;
grid-row: 1;
display: flex !important;
align-items: center;
gap: 10px;
min-width: 0;
min-height: 18px;
margin: 0 !important;
font-family: var(--lnj-font-display);
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: none;
color: var(--lnj-primary);
cursor: pointer;
}
body.woocommerce-checkout #payment .wc_payment_method > label img,
body.woocommerce-checkout #payment .wc_payment_method > label svg {
display: block;
float: none !important;
height: 28px;
width: auto;
max-height: 28px;
max-width: 160px;
margin: 0 !important;
vertical-align: middle;
object-fit: contain;
}
body.woocommerce-checkout #payment .wc_payment_method:only-child > label {
grid-column: 1;
cursor: default;
}
body.woocommerce-checkout #payment .wc_payment_method:only-child > .payment_box {
grid-column: 1;
}
body.woocommerce-checkout #payment .wc_payment_method > .payment_box {
grid-column: 2;
grid-row: 2;
min-width: 0;
width: 100%;
background: transparent;
border: 0;
padding: 0;
margin: 0;
font-size: 13px;
line-height: 1.55;
color: var(--lnj-soft);
}
body.woocommerce-checkout #payment .wc_payment_method > .payment_box::before,
body.woocommerce-checkout #payment div.payment_box::before {
display: none;
} body.woocommerce-checkout #payment .bm-payment-channels-wrapper,
body.woocommerce-checkout #payment .bm-payment-channels-wrapper ul.woocommerce-shipping-methods {
display: flex !important;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
gap: 8px;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
list-style: none;
float: none;
}
body.woocommerce-checkout #payment .bm-payment-channels-wrapper ul.woocommerce-shipping-methods > div,
body.woocommerce-checkout #payment .bm-payment-channels-wrapper ul.woocommerce-shipping-methods > li,
body.woocommerce-checkout #payment .bm-payment-channels-wrapper ul.woocommerce-shipping-methods > div > li {
display: block !important;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
background: transparent;
float: none;
grid-template-columns: none;
}
body.woocommerce-checkout #payment .bm-payment-channels-wrapper ul.woocommerce-shipping-methods > div > li > ul {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
list-style: none;
}
body.woocommerce-checkout #payment .bm-payment-channels-wrapper ul.woocommerce-shipping-methods > div > li > ul > .bm-payment-channel-item,
body.woocommerce-checkout #payment .bm-payment-channels-wrapper ul.woocommerce-shipping-methods > div > li > ul > .bm-payment-channel-group-item {
width: 100% !important;
max-width: 100% !important;
}
body.woocommerce-checkout #payment .bm-payment-channel-item,
body.woocommerce-checkout #payment .bm-payment-channel-group-item {
display: flex !important;
flex-direction: column;
align-items: stretch;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0 !important;
border: 1px solid transparent !important;
background: transparent !important;
box-sizing: border-box;
}
body.woocommerce-checkout #payment .bm-payment-channel-item > label,
body.woocommerce-checkout #payment .bm-payment-channel-group-item > label {
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
width: 100%;
min-width: 0;
min-height: 44px !important;
margin: 0 !important;
padding: 6px 0;
grid-column: auto;
overflow-wrap: normal;
word-break: normal;
white-space: normal;
text-indent: 0;
cursor: pointer;
}
body.woocommerce-checkout #payment .bm-payment-channel-item > label > input[type="radio"],
body.woocommerce-checkout #payment .bm-payment-channel-group-item > label > input[type="radio"] {
flex: 0 0 18px;
width: 18px;
height: 18px;
max-width: 18px;
margin: 0 !important;
align-self: center;
}
body.woocommerce-checkout #payment .bm-payment-channel-method-logo,
body.woocommerce-checkout #payment .bm-payment-channel-group-method-logo {
flex: 0 0 auto;
display: block;
width: auto !important;
max-width: 88px !important;
height: 36px !important;
object-fit: contain;
float: none !important;
margin: 0 !important;
}
body.woocommerce-checkout #payment .bm-payment-channel-method-name,
body.woocommerce-checkout #payment .bm-payment-channel-group-method-name {
flex: 1 1 auto;
min-width: 0;
margin: 0;
font-family: var(--lnj-font-display);
font-size: 15px;
line-height: 1.3;
letter-spacing: 0.02em;
overflow-wrap: break-word;
word-break: normal;
}
body.woocommerce-checkout #payment .bm-payment-channel-item.selected,
body.woocommerce-checkout #payment .bm-payment-channel-group-item.selected,
body.woocommerce-checkout #payment .bm-payment-channel-item.bm-selected-group,
body.woocommerce-checkout #payment .bm-payment-channel-group-item.bm-selected-group {
border-color: var(--lnj-primary) !important;
padding: 8px 10px !important;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper {
display: none;
flex-wrap: wrap;
gap: 8px;
width: 100%;
min-width: 0;
margin: 8px 0 0;
padding: 0 0 4px;
list-style: none;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper.active {
display: flex !important;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li {
display: block !important;
position: relative;
flex: 0 0 calc(33.333% - 6px);
width: auto;
max-width: calc(33.333% - 6px);
min-width: 0;
margin: 0;
padding: 6px !important;
border: 1px solid var(--lnj-line) !important;
background: var(--lnj-cream) !important;
box-sizing: border-box;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li.selected,
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li:has(input:checked) {
border-color: var(--lnj-primary) !important;
background: var(--lnj-cream-alt) !important;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li > label {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
min-height: 0 !important;
padding: 4px 2px;
margin: 0 !important;
text-align: center;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li > label > input[type="radio"] {
position: absolute !important;
inset: 0;
z-index: 2;
opacity: 0;
width: 100% !important;
max-width: none;
height: 100% !important;
margin: 0 !important;
cursor: pointer;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li > label .bm-payment-channel-method-logo {
width: 56px !important;
max-width: 100% !important;
height: 40px !important;
margin: 0 auto !important;
}
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li > label .bm-payment-channel-method-name,
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li > label > p {
display: none;
}
@media (max-width: 479px) {
body.woocommerce-checkout #payment .bm-group-expandable-wrapper > li {
flex-basis: calc(50% - 4px);
max-width: calc(50% - 4px);
}
}
body.woocommerce-checkout #payment .form-row.place-order {
display: flex;
flex-direction: column;
margin: 16px 0 0 !important;
width: 100%;
float: none;
padding: 0 !important;
}
body.woocommerce-checkout #payment #place_order {
order: -1;
width: 100%;
margin: 0 0 14px !important;
padding: 14px 20px !important;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
font-size: 12px;
line-height: 1.5;
color: var(--lnj-faint);
letter-spacing: 0;
text-transform: none;
}
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
margin: 0 0 8px;
}
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
text-decoration: underline;
}
.lnj-empty-cart { padding: 8px 0 80px; }
.lnj-empty-cart__title {
font-family: var(--lnj-font-display);
font-size: 28px;
margin: 0 0 12px;
}
.lnj-empty-cart__lead {
color: var(--lnj-soft);
max-width: 40ch;
margin-bottom: 32px;
}
.lnj-shop-mobile-title {
display: block;
}
@media (min-width: 1024px) {
.lnj-shop-mobile-title { display: none; }
} .lnj-cart-page {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
padding-top: 32px;
padding-bottom: 96px;
position: relative;
align-items: start;
}
.lnj-cart-page__title {
margin: 0;
font-weight: 400;
line-height: 1.15;
}
.lnj-cart-page__title .lnj-rail,
.lnj-cart-page__title .lnj-rail--display {
writing-mode: horizontal-tb;
transform: none;
font-size: 32px;
letter-spacing: -0.02em;
}
.lnj-cart-page__grid {
display: grid;
grid-template-columns: 1fr;
gap: 28px;
min-width: 0;
}
.lnj-cart-page__products,
.lnj-cart-page__aside {
min-width: 0;
}
.lnj-cart-page__aside .lnj-cart-coupon,
.lnj-cart-page__aside .lnj-cart-summary {
max-width: none;
margin-left: 0;
}
.lnj-cart-page__aside .lnj-cart-coupon {
margin-bottom: 16px;
}
@media (min-width: 1024px) {
.lnj-cart-page {
grid-template-columns: 80px minmax(0, 1fr);
gap: 24px 36px;
padding-top: 40px;
}
.lnj-cart-page__title {
grid-column: 1;
grid-row: 1;
display: flex;
justify-content: center;
padding-top: 4px;
}
.lnj-cart-page__title .lnj-rail--display {
writing-mode: vertical-rl;
transform: rotate(180deg);
font-size: 38px;
line-height: 1.2;
}
.lnj-cart-page__grid {
grid-column: 2;
grid-row: 1;
grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
gap: 40px 48px;
align-items: start;
}
.lnj-cart-page__grid > .lnj-hold-banner {
grid-column: 1 / -1;
}
.lnj-cart-page > .lnj-hold-banner {
grid-column: 2;
grid-row: auto;
width: 100%;
min-width: 0;
}
.lnj-cart-page__aside {
position: sticky;
top: calc(var(--lnj-header-h) + 16px);
}
.lnj-cart-page .lnj-empty-cart {
grid-column: 2;
}
}
.lnj-cart-page__rail { display: none; }
.lnj-cart-page__eyebrow { display: block; margin-bottom: 12px; }
.lnj-cart-page__main { max-width: 920px; }
.lnj-cart-list {
--lnj-cart-price-col: 7.5rem;
border-top: 1px solid var(--lnj-primary);
margin-bottom: 48px;
}
@media (min-width: 768px) {
.lnj-cart-list { --lnj-cart-price-col: 8.5rem; }
}
.lnj-cart-list__head,
.lnj-cart-line {
display: grid;
grid-template-columns: 72px minmax(0, 1fr) var(--lnj-cart-price-col);
column-gap: 16px;
}
.lnj-cart-list__head {
padding: 10px 0 8px;
align-items: end;
}
.lnj-cart-list__head-kwota {
grid-column: 3;
display: block;
text-align: center;
}
.lnj-cart-line {
grid-template-areas:
"thumb top price"
"thumb meta price"
"thumb qty price"
"thumb remove price";
align-items: center;
padding: 28px 0;
border-bottom: 1px solid var(--lnj-line);
}
.lnj-cart-line__thumb { grid-area: thumb; align-self: start; }
.lnj-cart-line__top { grid-area: top; min-width: 0; }
.lnj-cart-line__meta { grid-area: meta; }
.lnj-cart-line__qty { grid-area: qty; }
.lnj-cart-line__remove { grid-area: remove; }
.lnj-cart-line__price { grid-area: price; }
@media (min-width: 768px) {
.lnj-cart-list__head,
.lnj-cart-line {
grid-template-columns: 96px minmax(0, 1fr) var(--lnj-cart-price-col);
column-gap: 28px;
}
}
.lnj-cart-line__thumb {
display: block;
width: 72px;
aspect-ratio: 4 / 5;
background: #C2A769 center / cover no-repeat;
border: 1px solid var(--lnj-line);
}
@media (min-width: 768px) {
.lnj-cart-line__thumb { width: 96px; }
}
.lnj-cart-line__top {
display: flex;
align-items: baseline;
gap: 14px;
flex-wrap: wrap;
}
.lnj-cart-line__idx {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
}
.lnj-cart-line__name {
margin: 0;
font-family: var(--lnj-font-display);
font-size: 22px;
font-weight: 400;
line-height: 1.25;
}
@media (min-width: 768px) {
.lnj-cart-line__name { font-size: 26px; }
}
.lnj-cart-line__name a { color: inherit; }
.lnj-cart-line__meta {
margin: 10px 0 0;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--lnj-soft);
}
.lnj-cart-line__remove {
display: inline-block;
margin-top: 14px;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
border-bottom: 1px solid var(--lnj-line);
padding-bottom: 2px;
}
.lnj-cart-line__remove:hover { color: var(--lnj-primary); }
.lnj-cart-line__qty {
margin-top: 12px;
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.lnj-cart-line__price {
font-size: 20px;
white-space: nowrap;
padding: 0;
margin: 0;
justify-self: stretch;
align-self: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
@media (min-width: 768px) {
.lnj-cart-line__price { font-size: 22px; }
}
.lnj-cart-update {
display: inline-block;
margin: 0;
padding: 0;
border: 0;
background: none;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
border-bottom: 1px solid var(--lnj-line);
padding-bottom: 2px;
cursor: pointer;
line-height: 1.2;
flex: 0 0 auto;
}
.lnj-cart-update:hover { color: var(--lnj-primary); }
.lnj-cart-summary {
--lnj-cart-price-col: 8.5rem;
border: 1px solid var(--lnj-primary);
padding: 28px;
max-width: 420px;
margin-left: auto;
background: var(--lnj-cream-alt);
}
.lnj-cart-summary__head,
.lnj-cart-summary__row {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--lnj-cart-price-col, 8.5rem);
gap: 16px;
align-items: center;
}
.lnj-cart-summary__head {
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid var(--lnj-line);
}
.lnj-cart-summary__head-kwota {
text-align: center;
}
.lnj-cart-summary__row {
padding: 10px 0;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lnj-soft);
}
.lnj-cart-summary__row > :last-child {
text-align: center;
justify-self: stretch;
}
.lnj-cart-summary__row .lnj-price {
width: 100%;
align-items: center;
text-align: center;
font-size: 22px;
}
.lnj-cart-summary__row--total {
margin-top: 8px;
padding-top: 16px;
border-top: 1px solid var(--lnj-primary);
color: var(--lnj-primary);
}
.lnj-cart-summary__row--ship {
color: var(--lnj-faint);
text-transform: none;
letter-spacing: 0.04em;
}
.lnj-cart-summary__row--total .lnj-price {
font-size: 28px;
white-space: nowrap;
}
.lnj-cart-summary__note {
display: block;
margin: 20px 0 24px;
line-height: 1.6;
text-transform: none;
letter-spacing: 0.04em;
}
.lnj-cart-summary__back {
display: inline-block;
margin-top: 20px;
color: var(--lnj-soft);
}
.lnj-cart-coupon {
border: 1px solid var(--lnj-primary);
padding: 24px;
margin: 0 0 32px;
background: var(--lnj-cream);
max-width: 420px;
margin-left: auto;
}
.lnj-cart-coupon .lnj-meta {
display: block;
margin-bottom: 8px;
}
.lnj-cart-coupon__help {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.55;
color: var(--lnj-soft);
}
.lnj-cart-coupon__row {
display: flex;
gap: 8px;
align-items: stretch;
}
.lnj-cart-coupon__input {
flex: 1;
min-width: 0;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream-alt);
color: var(--lnj-primary);
font-family: var(--lnj-font-meta);
font-size: 13px;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 12px 14px;
}
.lnj-cart-coupon__row .lnj-btn {
flex-shrink: 0;
padding: 12px 16px;
font-size: 10px;
}
.lnj-cart-coupon__applied {
list-style: none;
margin: 16px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.lnj-cart-coupon__applied li {
display: flex;
justify-content: space-between;
gap: 12px;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.lnj-cart-coupon__applied a {
color: var(--lnj-faint);
border-bottom: 1px solid var(--lnj-line);
}
.lnj-cart-coupon__notice {
margin: 12px 0 0;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-primary);
line-height: 1.45;
}
.lnj-cart-coupon__notice--error {
color: #93000a;
}
.lnj-coupon-form-host {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.lnj-checkout-layout > .lnj-coupon-form-host {
grid-column: 1;
grid-row: 1;
pointer-events: none;
}
body.woocommerce-checkout #order_review .lnj-cart-coupon {
max-width: none;
width: 100%;
margin: 0 0 20px;
padding: 18px 20px;
box-sizing: border-box;
}
body.woocommerce-checkout #order_review .lnj-checkout-autopay {
margin: 0 0 20px;
}
body.woocommerce-checkout #order_review .lnj-checkout-autopay .lnj-autopay-banks {
max-width: 100%;
}
.lnj-checkout-notices,
.lnj-checkout-layout > .woocommerce-notices-wrapper,
.lnj-checkout-layout > .woocommerce-NoticeGroup,
.lnj-checkout-layout > .woocommerce-form-login-toggle,
.lnj-checkout-layout > form.woocommerce-form-login,
.lnj-checkout-layout > .woocommerce-error,
.lnj-checkout-layout > .woocommerce-message,
.lnj-checkout-layout > .woocommerce-info {
grid-column: 1 / -1;
}
.lnj-checkout-notices:empty,
.lnj-checkout-notices:not(:has(.woocommerce-error, .woocommerce-message, .woocommerce-info, li)),
.lnj-checkout-layout > .woocommerce-notices-wrapper:empty {
display: none;
}
body.woocommerce-checkout .woocommerce-notices-wrapper:empty,
body.woocommerce-cart .woocommerce-notices-wrapper:empty {
display: none;
}
@media (min-width: 1024px) {
.lnj-checkout-layout > form.checkout {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
gap: 32px 40px;
align-items: start;
}
.lnj-checkout-primary {
grid-column: 1;
min-width: 0;
}
.lnj-checkout-aside {
grid-column: 2;
min-width: 0;
}
.lnj-checkout-layout > form.checkout > .woocommerce-NoticeGroup,
.lnj-checkout-layout > form.checkout > .woocommerce-NoticeGroup-checkout,
.lnj-checkout-layout > form.checkout > .woocommerce-notices-wrapper,
.lnj-checkout-layout > form.checkout > .woocommerce-error,
.lnj-checkout-layout > form.checkout > .woocommerce-message,
.lnj-checkout-layout > form.checkout > .woocommerce-info {
grid-column: 1 / -1;
}
}
@media (max-width: 767px) {
.lnj-cart-coupon {
max-width: none;
margin-left: 0;
padding: 20px;
}
.lnj-cart-coupon__row {
flex-direction: column;
}
}
.woocommerce-form-coupon-toggle,
form.checkout_coupon.woocommerce-form-coupon {
display: none !important;
}
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error {
border: 1px solid var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
background: var(--lnj-cream-alt) !important;
box-shadow: none !important;
padding: 16px 18px !important;
margin: 0 0 28px !important;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-primary) !important;
list-style: none;
}
body.woocommerce-cart .woocommerce-message .button,
body.woocommerce-cart .woocommerce-info .button,
body.woocommerce-checkout .woocommerce-message .button,
body.woocommerce-checkout .woocommerce-info .button {
display: none !important;
}
body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-error::before {
display: none !important;
}
body.woocommerce-checkout .lnj-checkout-order__totals .cart-subtotal {
display: none;
}
@media (max-width: 767px) {
.lnj-cart-summary { max-width: none; margin-left: 0; --lnj-cart-price-col: 8rem; }
.lnj-cart-page__title .lnj-rail--display { font-size: 32px; }
.lnj-cart-list { --lnj-cart-price-col: 7.5rem; }
.lnj-cart-line {
grid-template-areas:
"thumb top top"
"thumb meta meta"
"thumb qty price"
"thumb remove remove";
align-items: start;
}
.lnj-cart-line__price {
align-self: center;
font-size: 18px;
}
.lnj-cart-summary__head,
.lnj-cart-summary__row {
grid-template-columns: minmax(0, 1fr) var(--lnj-cart-price-col);
gap: 12px;
}
.lnj-cart-summary__row--total .lnj-price {
font-size: 22px;
white-space: nowrap;
}
} body.woocommerce-account .lnj-main {
padding-top: calc(var(--lnj-header-h) + var(--lnj-admin-bar));
padding-bottom: 64px;
}
body.woocommerce-account .woocommerce {
max-width: 1180px;
margin: 0 auto;
padding: 0 var(--lnj-margin-m);
}
@media (min-width: 1024px) {
body.woocommerce-account .woocommerce {
padding: 0 var(--lnj-margin-d, 36px);
}
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
margin: 0 0 32px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 20px;
border-bottom: 1px solid var(--lnj-line, #dcd5c7);
padding-bottom: 16px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-soft);
text-decoration: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
color: var(--lnj-primary);
}
body.woocommerce-account .woocommerce-MyAccount-content {
font-family: var(--lnj-font-body);
font-size: 16px;
line-height: 1.75;
color: var(--lnj-primary);
max-width: 52rem;
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
font-family: var(--lnj-font-display);
font-weight: 400;
font-size: 26px;
margin: 0 0 20px;
}
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register,
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-address-fields {
max-width: 28rem;
}
body.woocommerce-account .woocommerce-form-row label,
body.woocommerce-account .form-row label {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--lnj-soft);
display: block;
margin-bottom: 8px;
}
body.woocommerce-account .woocommerce-Input,
body.woocommerce-account input.input-text,
body.woocommerce-account select,
body.woocommerce-account textarea {
width: 100%;
background: transparent;
border: 0;
border-bottom: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
padding: 10px 0;
font-family: var(--lnj-font-body);
font-size: 16px;
color: var(--lnj-primary);
margin-bottom: 20px;
}
body.woocommerce-account .woocommerce-button,
body.woocommerce-account button.button,
body.woocommerce-account a.button {
appearance: none;
background: var(--lnj-primary);
color: #ffdb97;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 14px 24px;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-account button.button:hover,
body.woocommerce-account a.button:hover {
opacity: 0.9;
}
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .shop_table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
body.woocommerce-account .shop_table th,
body.woocommerce-account .shop_table td {
border-bottom: 1px solid var(--lnj-line, #dcd5c7);
padding: 12px 8px;
text-align: left;
vertical-align: top;
}
body.woocommerce-account .shop_table th {
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 400;
color: var(--lnj-soft);
}
body.woocommerce-account .u-columns {
display: grid;
gap: 48px;
}
@media (min-width: 768px) {
body.woocommerce-account .u-columns {
grid-template-columns: 1fr 1fr;
}
}
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
border: 1px solid var(--lnj-primary) !important;
border-radius: var(--lnj-radius-frame) !important;
background: var(--lnj-cream-alt) !important;
box-shadow: none !important;
padding: 16px 18px !important;
margin: 0 0 28px !important;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-primary) !important;
list-style: none;
}
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before {
display: none !important;
}
.lnj-hold-note,
.lnj-hold-note p,
.lnj-hold-note span {
font-family: var(--lnj-font-body) !important;
letter-spacing: 0;
text-transform: none;
font-variant: normal;
font-synthesis: none;
}
.lnj-hold-note {
margin: 8px 0 0;
padding: 18px 0 4px;
border-top: 1px solid var(--lnj-line);
max-width: 36rem;
min-width: 0;
}
.lnj-hold-note__lead {
margin: 0 0 10px;
font-family: var(--lnj-font-display) !important;
font-size: 20px;
line-height: 1.35;
color: var(--lnj-primary);
overflow-wrap: break-word;
}
.lnj-hold-note__wait {
margin: 0;
font-size: 16px;
line-height: 1.55;
color: var(--lnj-soft);
overflow-wrap: break-word;
}
.lnj-hold-note__wait + .lnj-hold-note__wait {
margin-top: 4px;
}
.lnj-hold-note__cd {
font-family: var(--lnj-font-body) !important;
font-variant-numeric: tabular-nums;
letter-spacing: 0.04em;
color: var(--lnj-primary);
}
.lnj-hold-note__cta {
margin: 16px 0 0;
}
.lnj-pdp__atc--hold .lnj-hold-note {
border-top: 0;
padding-top: 0;
}
.lnj-hold-dialog {
position: relative;
width: min(32rem, calc(100vw - 48px));
max-width: 100%;
max-height: calc(100dvh - 48px);
margin: auto;
padding: 32px 28px 28px;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream);
color: var(--lnj-primary);
box-shadow: none;
overflow-y: auto;
box-sizing: border-box;
}
.lnj-hold-dialog::backdrop {
background: rgba(27, 36, 46, 0.45);
}
.lnj-hold-dialog__close {
position: absolute;
top: 8px;
right: 10px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: var(--lnj-radius-frame);
appearance: none;
-webkit-appearance: none;
background: transparent;
color: var(--lnj-primary);
font-size: 28px;
line-height: 1;
cursor: pointer;
box-shadow: none;
}
.lnj-hold-dialog__title {
margin: 0 36px 12px 0;
font-family: var(--lnj-font-display);
font-size: 26px;
line-height: 1.25;
}
.lnj-hold-dialog__body {
margin: 0 0 22px;
font-family: var(--lnj-font-body) !important;
font-size: 16px;
line-height: 1.65;
letter-spacing: 0;
text-transform: none;
font-variant: normal;
overflow-wrap: break-word;
}
.lnj-hold-dialog__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.lnj-hold-dialog__actions .lnj-btn {
min-height: 48px;
}
.lnj-hold-dialog__actions .lnj-btn[hidden] {
display: none !important;
}
.lnj-hold-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 28px;
width: 100%;
min-width: 0;
box-sizing: border-box;
margin: 0 0 24px;
padding: 18px 22px;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream-alt);
}
.lnj-hold-banner__text {
flex: 1 1 16rem;
min-width: 0;
margin: 0;
font-family: var(--lnj-font-meta);
font-size: 14px;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.45;
}
.lnj-hold-banner .lnj-hold-note__cd {
font-variant-numeric: tabular-nums;
letter-spacing: 0.12em;
white-space: nowrap;
}
.lnj-hold-banner__cta {
flex: 0 0 auto;
white-space: nowrap;
}
@media (max-width: 767px) {
.lnj-hold-banner__cta {
width: 100%;
text-align: center;
}
}
@media (max-width: 1023px) {
.lnj-hold-dialog {
width: calc(100vw - 24px);
max-width: none;
max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
padding: 28px 18px calc(18px + env(safe-area-inset-bottom));
margin: env(safe-area-inset-top, 8px) auto 8px;
}
.lnj-hold-dialog__title {
font-size: 22px;
margin-right: 32px;
}
.lnj-hold-dialog__body {
font-size: 15px;
}
.lnj-hold-dialog__actions {
flex-direction: column;
}
.lnj-hold-dialog__actions .lnj-btn {
width: 100%;
}
} .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce table.shop_table,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .form-row .select2-container .select2-selection--single,
.select2-dropdown,
.lnj-cart-summary,
.lnj-cart-coupon,
.lnj-cart-coupon__input,
.lnj-hold-dialog,
.lnj-hold-banner {
border-radius: var(--lnj-radius-frame) !important;
} .woocommerce-checkout #payment ul.payment_methods li input[type="radio"] + label::before,
body.woocommerce-checkout .woocommerce-shipping-totals ul.woocommerce-shipping-methods li label::before {
border-radius: 50% !important;
} body.woocommerce-order-received .lnj-main {
padding-top: calc(var(--lnj-header-h) + 32px);
padding-bottom: 72px;
}
body.woocommerce-order-received .woocommerce-order > .woocommerce-notice,
body.woocommerce-order-received .woocommerce-bacs-bank-details,
body.woocommerce-order-received .wc-bacs-bank-details,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-column--billing-address,
body.woocommerce-order-received .woocommerce-column--shipping-address {
display: none;
}
.lnj-thankyou {
max-width: 1080px;
margin: 0 auto;
}
.lnj-thankyou__head {
max-width: 40rem;
margin: 0 0 28px;
}
.lnj-thankyou__title {
font-family: var(--lnj-font-display);
font-size: clamp(28px, 4vw, 38px);
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.2;
margin: 0 0 10px;
}
.lnj-thankyou__sub {
margin: 0 0 16px;
font-family: var(--lnj-font-article);
font-size: 18px;
line-height: 1.45;
color: var(--lnj-primary);
text-transform: none;
font-variant: normal;
}
.lnj-thankyou__intro {
margin: 0;
font-family: var(--lnj-font-article);
font-size: 16px;
line-height: 1.7;
color: var(--lnj-soft);
text-transform: none;
font-variant: normal;
}
.lnj-thankyou__actions {
margin: 20px 0 0;
}
.lnj-thankyou__tiles {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin: 0 0 32px;
padding: 0;
list-style: none;
}
@media (min-width: 800px) {
.lnj-thankyou__tiles {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.lnj-thankyou__tiles li {
border: 1px solid var(--lnj-line);
background: var(--lnj-cream-alt);
padding: 14px 16px;
min-width: 0;
}
.lnj-thankyou__k {
display: block;
font-family: var(--lnj-font-meta);
font-size: 14px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--lnj-soft);
margin: 0 0 6px;
line-height: 1.3;
}
.lnj-thankyou__v,
.lnj-thankyou__data,
.lnj-thankyou__pname,
.lnj-thankyou__addr,
.lnj-thankyou__addr p,
.lnj-thankyou__mail {
font-family: var(--lnj-font-article);
font-size: 16px;
font-style: normal;
font-variant: normal;
text-transform: none;
letter-spacing: 0;
color: var(--lnj-primary);
line-height: 1.5;
}
.lnj-thankyou__data--strong,
.lnj-thankyou__tiles li .lnj-thankyou__v {
font-size: 17px;
}
.lnj-thankyou__grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
align-items: start;
}
@media (min-width: 900px) {
.lnj-thankyou__grid {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: 48px;
}
}
.lnj-thankyou__h2 {
font-family: var(--lnj-font-display);
font-size: 22px;
font-weight: 400;
letter-spacing: 0.04em;
margin: 28px 0 10px;
line-height: 1.25;
}
.lnj-thankyou__col > section:first-child .lnj-thankyou__h2 {
margin-top: 0;
}
.lnj-thankyou-card {
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream-alt);
padding: 22px 22px 8px;
}
.lnj-thankyou-card__lead {
margin: 0 0 18px;
font-family: var(--lnj-font-article);
font-size: 15px;
line-height: 1.55;
color: var(--lnj-soft);
text-transform: none;
font-variant: normal;
}
.lnj-thankyou-card__row {
display: grid;
grid-template-columns: 1fr;
gap: 6px;
padding: 14px 0;
border-top: 1px solid var(--lnj-line);
}
.lnj-thankyou-card__val {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.lnj-thankyou__copy {
flex-shrink: 0;
padding: 8px 12px;
font-size: 10px;
}
.lnj-thankyou-next__list {
margin: 0;
padding-left: 1.25em;
list-style: decimal;
font-family: var(--lnj-font-article);
font-size: 16px;
line-height: 1.65;
color: var(--lnj-primary);
text-transform: none;
font-variant: normal;
}
.lnj-thankyou-next__list li {
margin: 0 0 10px;
padding-left: 0.2em;
}
.lnj-thankyou-table {
width: 100%;
border-collapse: collapse;
border: 0;
}
.lnj-thankyou-table th,
.lnj-thankyou-table td {
border: 0;
border-bottom: 1px solid var(--lnj-line);
padding: 14px 0;
vertical-align: top;
font-weight: 400;
}
.lnj-thankyou-table tfoot th {
font-family: var(--lnj-font-meta);
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lnj-soft);
text-align: left;
padding-right: 16px;
}
.lnj-thankyou-table__item {
display: flex;
gap: 12px;
align-items: center;
}
.lnj-thankyou__thumb-link,
.lnj-thankyou__thumb {
flex-shrink: 0;
}
.lnj-thankyou__thumb {
width: 56px;
height: 56px;
object-fit: cover;
background: var(--lnj-cream-alt);
}
.lnj-thankyou__pname {
display: block;
text-decoration: underline;
text-underline-offset: 3px;
}
a.lnj-thankyou__pname:hover,
a.lnj-thankyou__pname:focus-visible {
color: var(--lnj-gold);
}
.lnj-thankyou__qty {
display: block;
margin-top: 2px;
font-family: var(--lnj-font-article);
font-size: 14px;
color: var(--lnj-soft);
text-transform: none;
}
.lnj-thankyou-table__amt {
text-align: right;
white-space: nowrap;
font-family: var(--lnj-font-article);
font-size: 16px;
text-transform: none;
font-variant: normal;
}
.lnj-thankyou-table tr.is-total th,
.lnj-thankyou-table tr.is-total td {
border-bottom: 0;
padding-top: 18px;
color: var(--lnj-primary);
}
.lnj-thankyou-table tr.is-total th {
font-size: 15px;
color: var(--lnj-primary);
}
.lnj-thankyou-table tr.is-total .lnj-thankyou-table__amt {
font-size: 20px;
font-weight: 600;
}
.lnj-thankyou__addr {
font-style: normal;
}
.lnj-thankyou__addr br {
display: block;
content: "";
}
.lnj-thankyou__foot {
margin-top: 48px;
padding-top: 28px;
border-top: 1px solid var(--lnj-line);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 24px;
}
.lnj-thankyou__links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
}
.lnj-thankyou__mail {
text-decoration: underline;
text-underline-offset: 3px;
}
.lnj-thankyou__mail:hover,
.lnj-thankyou__mail:focus-visible {
color: var(--lnj-gold);
}
@media (max-width: 639px) {
.lnj-thankyou-card {
padding: 18px 16px 4px;
}
.lnj-thankyou-card__val {
align-items: flex-start;
flex-direction: column;
}
.lnj-thankyou__foot {
flex-direction: column;
align-items: stretch;
}
.lnj-thankyou__foot .lnj-btn {
width: 100%;
}
}