:root {
--bwpc-teal: #7fd7d6;
--bwpc-orange: #ff6800;
--bwpc-border: #e6e6e6;
--bwpc-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
--bwpc-radius: 6px;
--bwpc-gap: 12px;
--bwpc-text: #222;
--bwpc-muted: #777;
--bwpc-choice-collapsed-min-height: 56px;
--bwpc-choice-expanded-extra-height: auto;
}
.bwpc {
color: var(--bwpc-text);
} .bwpc,
.bwpc *,
.bwpc *::before,
.bwpc *::after {
box-sizing: border-box;
}
.bwpc__page {
padding: 24px 0 40px;
}
.bwpc__page-inner {
max-width: 90%;
margin: 0 auto;
padding: 0 16px;
}
.bwpc__hero {
padding: 24px 0 18px;
text-align: center;
}
.bwpc__hero-inner {
max-width: 980px;
margin: 0 auto;
padding: 0 16px;
}
.bwpc__hero-kicker {
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
font-weight: 600;
font-size: 25px;
}
.bwpc__hero-arrow {
font-size: 28px;
color: var(--bwpc-orange);
line-height: 1;
margin: 8px 0 4px;
}
.bwpc__hero-title {
font-size: 34px;
font-weight: 800;
color: var(--bwpc-orange);
margin: 0 0 10px 0;
}
.bwpc__hero-points {
list-style: none;
margin: 0;
padding: 0;
line-height: 2;
color: #333;
}
.bwpc__hero-points li {
margin: 6px 0;
font-size: 16px;
font-weight: 600;
}
.bwpc__form {
max-width: 780px;
margin: 0 auto;
}
.bwpc__section {
background: #fff;
border: 1px solid var(--bwpc-border);
border-radius: var(--bwpc-radius);
box-shadow: var(--bwpc-shadow);
padding: 18px;
margin: 0 0 18px 0;
}
.bwpc__section-title {
font-weight: 700;
color: var(--bwpc-orange);
margin: 0 0 6px 0;
}
.bwpc__section-subtitle {
color: var(--bwpc-muted);
font-size: 13px;
margin: 0 0 12px 0;
}
.bwpc__req {
color: var(--bwpc-orange);
}
.bwpc__choice-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.bwpc__choice {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
border: 1px solid var(--bwpc-border);
border-radius: var(--bwpc-radius);
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
cursor: pointer;
user-select: none;
transition: padding 180ms ease, min-height 180ms ease;
min-height: var(--bwpc-choice-collapsed-min-height);
}
.bwpc__choice.is-selected {
background: var(--bwpc-teal);
border-color: rgba(0, 0, 0, 0.05);
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
min-height: calc(var(--bwpc-choice-collapsed-min-height) + var(--bwpc-choice-expanded-extra-height));
}
.bwpc__choice-left {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.bwpc__choice.is-selected .bwpc__choice-left {
align-items: flex-start;
}
.bwpc__choice-thumb {
width: 44px;
height: 44px;
flex: 0 0 44px;
border-radius: 4px;
overflow: hidden;
background: #f3f3f3;
}
.bwpc__choice-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bwpc__choice-text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
flex: 1 1 auto;
}
label[data-product-id] .bwpc__choice-name {
font-size: 18px;
color: var(--bwpc-orange);
}
.bwpc__choice-name {
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bwpc__choice-details {
display: none !important;
width: 100%;
margin-top: 10px;
font-size: 14px;
line-height: 1.45;
color: var(--bwpc-text);
}
.bwpc__choice-details> :first-child {
margin-top: 0;
}
.bwpc__choice-details> :last-child {
margin-bottom: 0;
}
.bwpc__choice-right {
display: flex;
align-items: center;
gap: 12px;
flex: 0 0 auto;
}
.bwpc__choice-price {
font-size: 18px;
font-weight: 700;
color: #7fd7d6;
}
.bwpc__choice-price del {
display: none;
}
.bwpc__choice-price ins {
text-decoration: none;
}
.bwpc__choice.is-selected .bwpc__choice-price,
.bwpc__choice.is-selected .bwpc__choice-name {
color: #fff;
}
.bwpc__choice.is-selected .bwpc__choice-details {
display: block !important;
color: rgba(255, 255, 255, 0.95);
}
.bwpc__choice.is-selected .bwpc__choice-details,
.bwpc__choice.is-selected .bwpc__choice-details * {
color: rgba(255, 255, 255, 0.95);
}
.bwpc__radio {
width: 16px;
height: 16px;
accent-color: var(--bwpc-orange);
}
.bwpc__radio:focus,
.bwpc__radio:focus-visible {
outline: none;
box-shadow: none;
} .bwpc__details {
margin-top: 14px;
}
.bwpc__accordion {
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.bwpc__accordion:first-child {
border-top: 0;
}
.bwpc__accordion-head {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
background: transparent;
border: 0;
cursor: pointer;
text-align: left;
}
.bwpc__accordion-title {
color: var(--bwpc-orange);
font-weight: 700;
}
.bwpc__accordion-icon {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.25);
position: relative;
flex: 0 0 18px;
}
.bwpc__accordion-icon:before,
.bwpc__accordion-icon:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 2px;
background: rgba(0, 0, 0, 0.35);
transform: translate(-50%, -50%);
}
.bwpc__accordion-icon:after {
transform: translate(-50%, -50%) rotate(90deg);
}
.bwpc__accordion.is-open .bwpc__accordion-icon:after {
display: none;
}
.bwpc__accordion-body {
overflow: hidden;
max-height: 0;
transition: max-height 220ms ease;
}
.bwpc__accordion-content {
padding: 0 0 12px 0;
color: #333;
} .bwpc__calendar-wrap {
position: relative;
}
.bwpc__date-summary {
display: none;
border: 1px solid var(--bwpc-border);
border-radius: var(--bwpc-radius);
padding: 14px 14px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
background: #fff;
}
.bwpc__date-summary-title {
font-weight: 700;
margin-bottom: 2px;
}
.bwpc__date-summary-sub {
color: var(--bwpc-muted);
font-size: 13px;
}
.bwpc__date-edit {
position: absolute;
right: 10px;
top: 10px;
width: 44px;
height: 44px;
border-radius: 50%;
border: 0;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.bwpc__date-edit:before {
content: "✎";
font-size: 18px;
color: #333;
} .bwpc .ui-datepicker {
width: 100%;
border: 0;
padding: 0;
font-family: inherit;
}
.bwpc .ui-datepicker-header {
position: relative;
padding: 10px 40px;
min-height: 44px;
display: block !important;
float: none !important;
}
.bwpc .ui-datepicker-title {
font-weight: 700;
font-size: 16px;
text-align: center;
line-height: 24px;
}
.bwpc .ui-datepicker-prev,
.bwpc .ui-datepicker-next {
width: 32px;
height: 32px;
border-radius: 6px;
background: rgba(0, 0, 0, 0.04) !important;
cursor: pointer;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%);
float: none !important;
display: flex !important;
align-items: center;
justify-content: center;
text-decoration: none;
}
.bwpc .ui-datepicker-prev {
left: 6px !important;
}
.bwpc .ui-datepicker-next {
right: 6px !important;
}
.bwpc .ui-datepicker-prev:before,
.bwpc .ui-datepicker-next:before {
font-size: 20px;
line-height: 1;
color: #222;
}
.bwpc .ui-datepicker-prev:before {
content: "‹";
}
.bwpc .ui-datepicker-next:before {
content: "›";
}
.bwpc .ui-datepicker-prev span,
.bwpc .ui-datepicker-next span {
display: none;
}
.bwpc .ui-datepicker-calendar {
width: 100%;
border-collapse: collapse;
}
.bwpc .ui-datepicker th {
padding: 8px 0;
color: var(--bwpc-muted);
font-weight: 600;
font-size: 12px;
text-align: center;
}
.bwpc .ui-datepicker td {
text-align: center;
padding: 6px 0;
}
.bwpc .ui-datepicker td a,
.bwpc .ui-datepicker td span {
display: inline-block;
width: 36px;
height: 32px;
line-height: 32px;
border-radius: 4px;
text-decoration: none;
color: #222;
}
.bwpc .ui-datepicker td a.ui-state-active {
background: rgba(127, 215, 214, 0.35);
}
.bwpc .ui-datepicker td a:hover {
background: rgba(0, 0, 0, 0.05);
} .bwpc .ui-datepicker td.ui-state-disabled span {
background: #e3e3e3;
color: #8a8a8a;
} .bwpc__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.bwpc__field {
margin-top: 12px;
min-width: 0;
}
.bwpc__label {
display: block;
font-weight: 600;
margin-bottom: 6px;
}
.bwpc__input {
display: block;
width: 100%;
max-width: 100%;
border: 1px solid var(--bwpc-border);
border-radius: 6px;
padding: 10px 12px;
outline: none;
}
.bwpc__input:disabled,
.bwpc__input[disabled] {
background: #f7f7f7;
color: rgba(0, 0, 0, 0.65);
cursor: not-allowed;
opacity: 1;
}
.bwpc__input:focus {
border-color: rgba(127, 215, 214, 0.9);
box-shadow: 0 0 0 3px rgba(127, 215, 214, 0.25);
}
.bwpc__segmented {
display: grid;
grid-template-columns: 1fr 1fr;
border: 1px solid var(--bwpc-border);
border-radius: 6px;
overflow: hidden;
}
.bwpc__segmented-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 12px;
cursor: pointer;
margin-bottom: 0 !important;
background: #fff;
}
.bwpc__segmented-btn input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.bwpc__segmented-btn input:checked+span {
font-weight: 800;
}
.bwpc__segmented-btn+.bwpc__segmented-btn {
border-left: 1px solid var(--bwpc-border);
}
.bwpc__muted {
color: var(--bwpc-muted);
font-size: 13px;
}
.bwpc__actions {
text-align: center;
margin-top: 18px;
}
.bwpc__submit {
width: 100%;
cursor: pointer;
max-width: 780px;
padding: 18px 28px;
border-radius: 999px;
background: var(--bwpc-orange);
border: none;
color: #fff;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
}
.bwpc__submit:hover {
filter: brightness(0.98);
}
.bwpc__submit:disabled,
.bwpc__submit.is-processing {
background: #b8b8b8;
color: #fff;
cursor: wait;
pointer-events: none;
filter: grayscale(0.15) saturate(0.7);
box-shadow: none;
}
.bwpc__submit:disabled::after,
.bwpc__submit.is-processing::after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-left: 6px;
border: 2px solid rgba(255, 255, 255, 0.34);
border-top-color: #fff;
border-radius: 50%;
animation: bwpc-submit-spin 0.75s linear infinite;
}
.bwpc__submit-text {
color: inherit;
}
.bwpc__submit-sep {
opacity: 0.85;
}
.bwpc__submit-total {
color: inherit;
font-variant-numeric: tabular-nums;
}
@keyframes bwpc-submit-spin {
to {
transform: rotate(360deg);
}
}
.bwpc__notices:empty {
display: none;
}
.bwpc__checkout {
margin-top: 18px;
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
.bwpc__checkout-inner .bwpc-checkout-iframe {
display: block;
width: 100%;
min-height: 700px;
border: 0;
}
.bwpc__checkout-back {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 18px;
padding: 14px 28px;
border-radius: 999px;
background: var(--bwpc-orange);
border: none;
color: #fff;
font-size: 16px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
}
.bwpc__checkout-back:hover {
filter: brightness(0.98);
color: #fff;
}
.bwpc__checkout-back::before {
content: "←";
font-size: 1.1em;
} @media (min-width: 900px) {
.bwpc__checkout {
max-width: 90%;
}
.woocommerce {
max-width: 90% !important;
margin: 0 auto;
}
.woocommerce-page table.shop_table {
width: 100% !important;
}
.bwpc__checkout #order_review {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
align-items: stretch;
}
.bwpc__checkout #order_review>.woocommerce-checkout-review-order-table,
.bwpc__checkout #order_review>table {
margin-bottom: 0;
}
.bwpc__checkout #order_review #payment {
margin-bottom: 0;
position: sticky;
top: 24px;
} .bwpc__checkout [data-bwpc-checkout-inner].bwpc-stripe-hosted-mode #order_review {
grid-template-columns: 1fr;
gap: 0 0;
}
.bwpc__checkout [data-bwpc-checkout-inner].bwpc-stripe-hosted-mode #order_review #payment {
display: block !important;
grid-column: 1 / -1;
position: static;
margin-top: 0;
margin-bottom: 0;
}
} .bwpc__checkout #customer_details,
.bwpc__checkout .col2-set,
.bwpc__checkout .woocommerce-form-coupon-toggle,
.bwpc__checkout .woocommerce-form-coupon,
.bwpc__checkout .checkout_coupon {
display: none !important;
} .bwpc__checkout [data-bwpc-checkout-inner].bwpc-stripe-hosted-mode #payment ul.wc_payment_methods,
.bwpc__checkout [data-bwpc-checkout-inner].bwpc-stripe-hosted-mode #payment ul.payment_methods {
display: none !important;
}
.bwpc__checkout [data-bwpc-checkout-inner].bwpc-stripe-hosted-mode #payment .woocommerce-PaymentMethodsWrapper {
display: none !important;
}
.bwpc__checkout [data-bwpc-checkout-inner].bwpc-stripe-hosted-mode #payment .form-row.place-order {
margin-top: 0;
padding-top: 20px;
border-top: 1px solid var(--bwpc-border);
} .bwpc__checkout .woocommerce-checkout {
color: var(--bwpc-text);
} .bwpc__checkout #payment,
.bwpc__checkout .woocommerce-checkout-payment {
background: #fff;
border: 1px solid var(--bwpc-border);
border-radius: var(--bwpc-radius);
box-shadow: var(--bwpc-shadow);
padding: 20px;
margin-bottom: 18px;
}
.bwpc__checkout .wc_payment_methods {
list-style: none;
margin: 0 0 16px 0;
padding: 0;
}
.bwpc__checkout .wc_payment_method {
margin-bottom: 0;
} .bwpc__checkout .wc_payment_method>label {
display: flex;
align-items: center;
gap: 8px;
font-weight: 600;
color: #333;
cursor: pointer;
padding: 4px 0;
}
.bwpc__checkout .wc_payment_method>label img {
max-height: 24px;
object-fit: contain;
} .bwpc__checkout .payment_box {
border-top: 1px solid #e0e0e0;
margin-top: 12px;
padding-top: 16px;
margin-bottom: 16px;
}
.bwpc__checkout .payment_box p {
margin: 0 0 12px 0;
font-size: 13px;
color: var(--bwpc-muted);
} .bwpc__checkout .payment_box input[type="text"],
.bwpc__checkout .payment_box input[type="tel"],
.bwpc__checkout .payment_box input[type="email"],
.bwpc__checkout .payment_box select,
.bwpc__checkout .payment_box .InputElement,
.bwpc__checkout .payment_box iframe {
border-radius: 6px;
}
.bwpc__checkout .payment_box .p-FieldGroup {
margin-bottom: 12px;
} .bwpc__checkout li.wc-stripe-optimized-checkout .payment_box.payment_method_stripe {
padding-left: 0;
padding-right: 0;
}
.bwpc__checkout li.wc-stripe-optimized-checkout #wc-stripe-upe-form,
.bwpc__checkout li.wc-stripe-optimized-checkout .wc-stripe-upe-element {
min-width: 280px;
width: 100%;
}
.bwpc__checkout li.wc-stripe-optimized-checkout .wc-stripe-payment-method-instruction {
padding: 0.5em 1em;
} .bwpc__checkout #order_review_heading,
.bwpc__checkout .woocommerce-checkout-review-order-table {
margin-bottom: 16px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table th,
.bwpc__checkout .woocommerce-checkout-review-order-table td {
padding: 10px 0;
border-bottom: 1px solid var(--bwpc-border);
vertical-align: top;
} .bwpc__checkout .woocommerce-checkout-review-order-table .product-name {
max-width: 0;
width: 100%;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name>.product-quantity {
display: inline-block;
margin-left: 4px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation {
display: grid;
grid-template-columns: minmax(140px, auto) 1fr;
gap: 6px 16px;
align-items: baseline;
margin: 12px 0 0;
padding: 14px 16px;
background: #fafafa;
border: 1px solid var(--bwpc-border);
border-radius: var(--bwpc-radius);
font-size: 13px;
line-height: 1.5;
list-style: none;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dt {
grid-column: 1;
margin: 0;
padding: 0;
font-weight: 600;
color: var(--bwpc-muted);
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dt::after {
content: "";
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dd {
grid-column: 2;
margin: 0;
padding: 0;
color: var(--bwpc-text);
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dd p {
margin: 0 0 4px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dd p:last-child {
margin-bottom: 0;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .order-total th,
.bwpc__checkout .woocommerce-checkout-review-order-table .order-total td {
border-bottom: none;
font-weight: 700;
font-size: 16px;
padding-top: 14px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .order-total .amount {
font-variant-numeric: tabular-nums;
} .bwpc__checkout .form-row.place-order {
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid var(--bwpc-border);
}
.bwpc__checkout .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 14px;
font-size: 13px;
color: var(--bwpc-muted);
} .bwpc__checkout #place_order,
.bwpc__checkout .button.alt#place_order {
width: 100%;
max-width: 100%;
padding: 16px 28px;
border-radius: 999px;
background: var(--bwpc-orange);
border: none;
color: #fff;
font-weight: 800;
font-size: 16px;
cursor: pointer;
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 0;
}
.bwpc__checkout #place_order:hover,
.bwpc__checkout .button.alt#place_order:hover {
filter: brightness(0.98);
color: #fff;
border: none;
}
.bwpc__checkout #place_order.is-processing,
.bwpc__checkout .button.alt#place_order.is-processing {
opacity: 0.92;
cursor: wait;
pointer-events: none;
}
.bwpc__checkout #place_order.is-processing::after,
.bwpc__checkout .button.alt#place_order.is-processing::after {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-left: 4px;
border: 2px solid rgba(255, 255, 255, 0.35);
border-top-color: #fff;
border-radius: 50%;
animation: bwpc-place-order-spin 0.75s linear infinite;
}
@keyframes bwpc-place-order-spin {
to {
transform: rotate(360deg);
}
}
.bwpc-checkout-processing-hint {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 0 0 14px;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid rgba(59, 130, 246, 0.35);
background: linear-gradient(135deg, #eff6ff 0%, #fff 60%);
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06);
font-size: 14px;
line-height: 1.5;
color: #1e3a5f;
}
.bwpc-checkout-processing-hint[hidden] {
display: none !important;
}
.bwpc-checkout-processing-hint__spinner {
flex-shrink: 0;
width: 22px;
height: 22px;
margin-top: 1px;
border: 2px solid rgba(59, 130, 246, 0.25);
border-top-color: #2563eb;
border-radius: 50%;
animation: bwpc-place-order-spin 0.75s linear infinite;
}
.bwpc-checkout-processing-hint__text {
margin: 0;
font-weight: 600;
} .bwpc__checkout #place_order::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
background-size: contain;
} .bwpc-stripe-3ds-hint {
position: sticky;
top: 0;
z-index: 100020;
margin: 0 0 14px;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid rgba(234, 179, 8, 0.55);
background: linear-gradient(135deg, #fffbeb 0%, #fff 55%);
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
font-size: 14px;
line-height: 1.5;
color: #422006;
}
.bwpc-stripe-3ds-hint__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.bwpc-stripe-3ds-hint__title {
font-weight: 800;
margin: 0 0 6px;
font-size: 15px;
color: #713f12;
}
.bwpc-stripe-3ds-hint__text {
margin: 0;
}
.bwpc-stripe-3ds-hint__dismiss {
flex-shrink: 0;
margin: 0;
padding: 4px 10px;
border-radius: 999px;
border: 1px solid rgba(113, 63, 18, 0.35);
background: #fff;
color: #713f12;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.bwpc-stripe-3ds-hint__dismiss:hover {
background: #fff7ed;
} .bwpc__checkout .woocommerce-billing-fields__field-wrapper .form-row input,
.bwpc__checkout .woocommerce-billing-fields__field-wrapper .form-row select {
border: 1px solid var(--bwpc-border);
border-radius: 6px;
padding: 10px 12px;
width: 100%;
}
.bwpc__checkout .woocommerce-billing-fields__field-wrapper .form-row label {
font-weight: 500;
color: #333;
}
@media (max-width: 640px) {
.bwpc__grid {
grid-template-columns: 1fr;
}
.bwpc__choice-thumb {
width: 40px;
height: 40px;
flex-basis: 40px;
}
} @media (max-width: 899px) { .bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation {
grid-template-columns: 1fr;
gap: 2px 0;
padding: 12px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dt {
grid-column: 1;
margin-top: 10px;
margin-bottom: 2px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dt:first-child {
margin-top: 0;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name .variation dd {
grid-column: 1;
margin-bottom: 4px;
}
.bwpc__checkout .woocommerce-checkout-review-order-table .product-name {
max-width: none;
} .bwpc__checkout .wc-stripe-upe-element,
.bwpc__checkout #wc-stripe-upe-form,
.bwpc__checkout .wc-upe-form,
.bwpc__checkout .payment_box {
min-width: 280px;
}
.bwpc__checkout .wc-stripe-payment-method-instruction,
.bwpc__checkout .woocommerce-SavedPaymentMethods-saveNew label,
.bwpc__checkout .woocommerce-terms-and-conditions-wrapper {
word-wrap: break-word;
overflow-wrap: break-word;
} body:has([data-bwpc]:not([data-bwpc-order-success])) .et_pb_module .woocommerce form.checkout,
body:has([data-bwpc]:not([data-bwpc-order-success])) .et_pb_module .woocommerce form.woocommerce-checkout {
display: none !important;
}
} @media (max-width: 640px) { .bwpc__choice {
flex-wrap: wrap;
align-items: flex-start;
}
.bwpc__choice-name {
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
}
.bwpc__choice-details {
word-wrap: break-word;
overflow-wrap: break-word;
}
.bwpc__choice-details ul,
.bwpc__choice-details ol {
padding-left: 1.2em;
}
.bwpc__choice-details li {
margin-bottom: 2px;
} .bwpc .ui-datepicker {
max-width: 100%;
overflow-x: auto;
}
.bwpc .ui-datepicker-calendar {
table-layout: fixed;
width: 100%;
}
.bwpc .ui-datepicker td a,
.bwpc .ui-datepicker td span {
width: 28px;
min-width: 28px;
height: 28px;
line-height: 28px;
font-size: 13px;
}
.bwpc .ui-datepicker th {
font-size: 11px;
} .bwpc__choice-text {
min-width: 0;
overflow: visible;
}
.bwpc__choice-right {
flex-shrink: 0;
}
} .bwpc__delivery-map {
width: 100%;
border: 1px solid var(--bwpc-border);
border-radius: var(--bwpc-radius);
overflow: hidden;
background: #f7f7f7;
}
.bwpc__delivery-map.is-loading {
opacity: 0.75;
}
.bwpc__delivery-map.is-error {
background: #fff5f5;
border-color: #ffd0d0;
}
.bwpc__map-status-row {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
.bwpc__map-status-row [data-bwpc-map-status] {
flex: 1 1 auto;
min-width: 0;
} .bwpc__zone-list {
list-style: none;
margin: 8px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.bwpc__zone-item {
display: flex;
align-items: baseline;
gap: 6px;
padding: 2px 0;
}
.bwpc__zone-name {
font-weight: 600;
color: var(--bwpc-text);
}
.bwpc__zone-desc {
color: var(--bwpc-text);
}
.bwpc__zone-sep {
color: var(--bwpc-muted);
}
.bwpc__zone-fee {
font-weight: 800;
color: #111;
white-space: nowrap;
}
.bwpc__zone-fee--included {
font-style: italic;
font-weight: 600;
color: #111;
}
.bwpc__zone-fee--paid {
font-style: italic;
font-weight: 800;
color: #111;
}