Anton | fix: настройка cart
This commit is contained in:
ab.an.ev@yandex.ru
@@ -0,0 +1,939 @@
|
||||
:root {
|
||||
--checkout-max-width: 1180px;
|
||||
--premium-navy: #081f4f;
|
||||
--premium-blue: #0d4fd6;
|
||||
--premium-cyan: #6ee0ff;
|
||||
--premium-mist: rgba(255, 255, 255, 0.66);
|
||||
--premium-line: rgba(13, 79, 214, 0.14);
|
||||
--premium-shadow: 0 40px 120px rgba(8, 31, 79, 0.18);
|
||||
}
|
||||
|
||||
body:is(.test1-checkout-page, .test1-cart-page) {
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page)::after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
background:
|
||||
radial-gradient(circle at 18% 12%, rgba(110, 224, 255, 0.12), transparent 24%),
|
||||
radial-gradient(circle at 84% 18%, rgba(13, 79, 214, 0.14), transparent 22%),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 55%);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.premium-topline {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
|
||||
background: linear-gradient(90deg, rgba(8, 31, 79, 0.96), rgba(10, 43, 109, 0.84));
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
}
|
||||
|
||||
.premium-topline-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
min-height: 42px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-shell {
|
||||
position: relative;
|
||||
display: grid;
|
||||
gap: 28px;
|
||||
align-items: start;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-intro {
|
||||
max-width: 780px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-card {
|
||||
padding: clamp(22px, 3vw, 36px);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-back-link {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.premium-stage {
|
||||
position: relative;
|
||||
padding: clamp(18px, 2vw, 28px);
|
||||
border-radius: 36px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.16));
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
box-shadow: var(--premium-shadow);
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.premium-stage::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
border-radius: inherit;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(255, 255, 255, 0.24), transparent 24%),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 68%);
|
||||
opacity: 0.8;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.premium-orb {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
filter: blur(6px);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.premium-orb-one {
|
||||
top: -64px;
|
||||
right: -40px;
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
background: radial-gradient(circle, rgba(110, 224, 255, 0.38), transparent 70%);
|
||||
}
|
||||
|
||||
.premium-orb-two {
|
||||
bottom: -80px;
|
||||
left: -30px;
|
||||
width: 260px;
|
||||
height: 260px;
|
||||
background: radial-gradient(circle, rgba(13, 79, 214, 0.22), transparent 70%);
|
||||
}
|
||||
|
||||
.premium-kicker {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-top: 18px;
|
||||
padding: 8px 14px;
|
||||
border-radius: 999px;
|
||||
background: rgba(8, 31, 79, 0.08);
|
||||
color: var(--premium-navy);
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.premium-kicker::before {
|
||||
content: "";
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, var(--premium-cyan), var(--premium-blue));
|
||||
box-shadow: 0 0 0 6px rgba(110, 224, 255, 0.12);
|
||||
}
|
||||
|
||||
.premium-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.premium-metric {
|
||||
padding: 18px 18px 16px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.68);
|
||||
border: 1px solid rgba(255, 255, 255, 0.72);
|
||||
box-shadow: 0 18px 44px rgba(8, 31, 79, 0.1);
|
||||
}
|
||||
|
||||
.premium-metric strong {
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
font-size: 22px;
|
||||
line-height: 1;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
.premium-metric span {
|
||||
display: block;
|
||||
color: var(--muted);
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.premium-note-row {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.premium-note-card {
|
||||
padding: 18px 18px 20px;
|
||||
border-radius: 22px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.56));
|
||||
border: 1px solid rgba(255, 255, 255, 0.76);
|
||||
box-shadow: 0 18px 50px rgba(8, 31, 79, 0.1);
|
||||
}
|
||||
|
||||
.premium-note-card span {
|
||||
display: inline-block;
|
||||
margin-bottom: 8px;
|
||||
color: var(--premium-blue);
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.premium-note-card strong {
|
||||
display: block;
|
||||
color: var(--premium-navy);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.cart-trust-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.cart-trust-card {
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.62);
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
box-shadow: 0 18px 48px rgba(8, 31, 79, 0.08);
|
||||
}
|
||||
|
||||
.cart-trust-card span {
|
||||
display: inline-block;
|
||||
margin-bottom: 8px;
|
||||
color: var(--premium-blue);
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.cart-trust-card strong {
|
||||
display: block;
|
||||
color: var(--premium-navy);
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.premium-stack {
|
||||
display: grid;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.premium-aside,
|
||||
.premium-form-card {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.premium-aside::before,
|
||||
.premium-form-card::before,
|
||||
.premium-footer-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(145deg, rgba(255, 255, 255, 0.22), transparent 34%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.premium-aside {
|
||||
padding: 26px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.premium-aside-head h2 {
|
||||
margin: 16px 0 0;
|
||||
font-size: clamp(28px, 3vw, 38px);
|
||||
line-height: 1.02;
|
||||
letter-spacing: -0.04em;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
.premium-timeline {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.premium-timeline-item {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 14px;
|
||||
align-items: start;
|
||||
padding: 16px 18px;
|
||||
border-radius: 20px;
|
||||
background: rgba(255, 255, 255, 0.68);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
.premium-timeline-item strong {
|
||||
min-width: 44px;
|
||||
height: 44px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 14px;
|
||||
background: linear-gradient(145deg, rgba(8, 31, 79, 0.96), rgba(13, 79, 214, 0.92));
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
|
||||
.premium-timeline-item span {
|
||||
display: block;
|
||||
padding-top: 6px;
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.premium-badge-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.premium-badge-card {
|
||||
padding: 18px;
|
||||
border-radius: 20px;
|
||||
background: linear-gradient(160deg, rgba(8, 31, 79, 0.88), rgba(13, 79, 214, 0.78));
|
||||
color: #fff;
|
||||
box-shadow: 0 24px 60px rgba(8, 31, 79, 0.18);
|
||||
}
|
||||
|
||||
.premium-badge-card span {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
|
||||
.premium-badge-card strong {
|
||||
display: block;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.cart-side-note {
|
||||
margin-top: 18px;
|
||||
padding: 18px;
|
||||
border-radius: 20px;
|
||||
background: rgba(255, 255, 255, 0.68);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.premium-form-card {
|
||||
border-radius: 30px;
|
||||
box-shadow: 0 34px 100px rgba(8, 31, 79, 0.16);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .entry-content,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-cart,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .is-large {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce a,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-combobox .components-combobox-control__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkbox label {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row input.input-text,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row select,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .components-form-token-field__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon #coupon_code {
|
||||
min-height: 58px;
|
||||
padding: 14px 16px;
|
||||
border-radius: 18px;
|
||||
border: 1px solid var(--premium-line);
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea {
|
||||
min-height: 120px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #order_review,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-sidebar,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-totals-wrapper,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-step,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-order-summary,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-totals-coupon,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-shipping-rates-control,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-address-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals {
|
||||
border-radius: 26px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.64));
|
||||
box-shadow: 0 30px 90px rgba(8, 31, 79, 0.12);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #order_review,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals {
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkbox label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control__option-label {
|
||||
font-weight: 700;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce button.button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce #payment #place_order,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-cart__submit-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-place-order-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .actions .button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon .button {
|
||||
min-height: 56px;
|
||||
padding: 16px 22px;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
color: #fff;
|
||||
background: linear-gradient(135deg, var(--premium-navy), var(--premium-blue));
|
||||
box-shadow: 0 18px 34px rgba(13, 79, 214, 0.24);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce button.button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce #payment #place_order:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-cart__submit-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-place-order-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .actions .button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon .button:hover {
|
||||
transform: translateY(-1px);
|
||||
filter: brightness(1.03);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-order-summary-item,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-product-name {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table {
|
||||
overflow: hidden;
|
||||
border-radius: 18px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table td,
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table th,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table th,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table td {
|
||||
border-color: rgba(18, 48, 89, 0.1);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table thead th {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_item img {
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .product-remove a.remove {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 12px;
|
||||
background: rgba(213, 59, 92, 0.08);
|
||||
color: #d53b5c !important;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-info,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-message,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-error,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-notice-banner {
|
||||
border-radius: 18px;
|
||||
border: 1px solid rgba(18, 48, 89, 0.1);
|
||||
background: rgba(255, 255, 255, 0.84);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .select2-container--default .select2-selection--single,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .select2-container--default .select2-selection--multiple {
|
||||
min-height: 56px;
|
||||
border-radius: 18px;
|
||||
border: 1px solid rgba(18, 48, 89, 0.14);
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #add_payment_method #payment div.payment_box,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart #payment div.payment_box,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment div.payment_box {
|
||||
background: rgba(219, 246, 255, 0.45);
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-proceed-to-checkout {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-sidebar-layout {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar {
|
||||
padding: 22px;
|
||||
}
|
||||
|
||||
.premium-footer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.premium-footer-grid {
|
||||
grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(240px, 0.8fr));
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.premium-footer-card {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: 30px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.62));
|
||||
border: 1px solid rgba(255, 255, 255, 0.8);
|
||||
box-shadow: 0 26px 70px rgba(8, 31, 79, 0.12);
|
||||
}
|
||||
|
||||
.premium-footer-brand {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.premium-footer-pills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.premium-footer-contacts {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.premium-footer-contacts li + li {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.premium-footer-bottom {
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
.checkout-progress {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.checkout-progress-step {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 48px;
|
||||
padding: 12px 14px;
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, 0.55);
|
||||
border: 1px solid rgba(255, 255, 255, 0.68);
|
||||
color: var(--muted);
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.checkout-progress-step.is-active {
|
||||
background: linear-gradient(135deg, var(--premium-navy), var(--premium-blue));
|
||||
color: #fff;
|
||||
box-shadow: 0 18px 34px rgba(13, 79, 214, 0.24);
|
||||
}
|
||||
|
||||
.checkout-progress-step.is-complete {
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
.checkout-progress-step.is-pending {
|
||||
opacity: 0.72;
|
||||
}
|
||||
|
||||
.water-commerce-panel,
|
||||
.water-seo-copy-section {
|
||||
margin-top: 24px;
|
||||
padding: 24px;
|
||||
border-radius: 28px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.62));
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
box-shadow: 0 24px 64px rgba(8, 31, 79, 0.1);
|
||||
}
|
||||
|
||||
.water-commerce-panel-head h2,
|
||||
.water-seo-copy-section h2 {
|
||||
margin: 0;
|
||||
color: var(--premium-navy);
|
||||
font-size: clamp(28px, 3vw, 40px);
|
||||
line-height: 1.05;
|
||||
letter-spacing: -0.04em;
|
||||
}
|
||||
|
||||
.water-commerce-panel-head p,
|
||||
.water-seo-copy-section p {
|
||||
margin: 14px 0 0;
|
||||
color: var(--muted);
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.water-commerce-benefits {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.water-commerce-benefits span,
|
||||
.water-commerce-alert {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 42px;
|
||||
padding: 10px 14px;
|
||||
border-radius: 18px;
|
||||
background: rgba(255, 255, 255, 0.82);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
.water-commerce-alerts {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.water-commerce-alert.is-success {
|
||||
background: rgba(25, 167, 111, 0.1);
|
||||
color: #0d6d49;
|
||||
}
|
||||
|
||||
.water-commerce-repeat-order {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.water-checkout-submit-box {
|
||||
margin: 0 0 18px;
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
.water-checkout-submit-note {
|
||||
margin-bottom: 12px;
|
||||
color: var(--premium-navy);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.water-checkout-submit-list {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
color: var(--muted);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.water-cart-summary-box {
|
||||
margin-bottom: 18px;
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: linear-gradient(145deg, rgba(8, 31, 79, 0.92), rgba(13, 79, 214, 0.82));
|
||||
color: #fff;
|
||||
box-shadow: 0 24px 60px rgba(8, 31, 79, 0.16);
|
||||
}
|
||||
|
||||
.water-cart-summary-usp {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.water-cart-summary-list {
|
||||
margin: 0;
|
||||
padding-left: 18px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.water-empty-cart-cta {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals {
|
||||
position: sticky;
|
||||
top: 104px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
:is(.test1-cart-page) .premium-form-card.is-loading::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(255, 255, 255, 0.52);
|
||||
backdrop-filter: blur(3px);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
:is(.test1-cart-page) .premium-form-card.is-loading::before {
|
||||
content: "Обновляем корзину";
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
right: 24px;
|
||||
z-index: 5;
|
||||
padding: 10px 14px;
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(135deg, var(--premium-navy), var(--premium-blue));
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells {
|
||||
margin-top: 24px;
|
||||
padding: 24px;
|
||||
border-radius: 28px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.6));
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells > h2 {
|
||||
margin: 0 0 16px;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells .products {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells .product {
|
||||
margin: 0;
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .quantity {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .quantity .qty {
|
||||
width: 74px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table .product-name {
|
||||
font-weight: 800;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table .product-subtotal,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table .product-price {
|
||||
color: var(--premium-navy);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.water-order-total-value .amount {
|
||||
font-size: 28px;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
.quantity-button {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
border-radius: 12px;
|
||||
background: rgba(8, 31, 79, 0.08);
|
||||
color: var(--premium-navy);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.quantity-button:hover {
|
||||
background: rgba(13, 79, 214, 0.14);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.checkout-progress,
|
||||
.water-commerce-benefits {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.cart-trust-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals {
|
||||
position: static;
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-shell {
|
||||
grid-template-columns: minmax(0, 0.88fr) minmax(430px, 1.12fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.premium-metrics,
|
||||
.premium-note-row,
|
||||
.premium-badge-grid,
|
||||
.premium-footer-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.checkout-progress {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 781px) {
|
||||
.premium-topline-inner,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-row,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-actions {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.premium-topline-inner {
|
||||
justify-content: center;
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-actions {
|
||||
width: 100%;
|
||||
justify-content: stretch;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-actions > * {
|
||||
flex: 1 1 100%;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.premium-stage {
|
||||
padding: 14px;
|
||||
border-radius: 26px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-card,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .premium-aside,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #order_review,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals,
|
||||
.premium-footer-card {
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.water-commerce-panel,
|
||||
.water-seo-copy-section,
|
||||
.cross-sells,
|
||||
.water-checkout-submit-box {
|
||||
padding: 18px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,946 @@
|
||||
:root {
|
||||
--checkout-max-width: 1180px;
|
||||
--premium-navy: #081f4f;
|
||||
--premium-blue: #0d4fd6;
|
||||
--premium-cyan: #6ee0ff;
|
||||
--premium-mist: rgba(255, 255, 255, 0.66);
|
||||
--premium-line: rgba(13, 79, 214, 0.14);
|
||||
--premium-shadow: 0 40px 120px rgba(8, 31, 79, 0.18);
|
||||
}
|
||||
|
||||
body:is(.test1-checkout-page, .test1-cart-page) {
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page)::after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
background:
|
||||
radial-gradient(circle at 18% 12%, rgba(110, 224, 255, 0.12), transparent 24%),
|
||||
radial-gradient(circle at 84% 18%, rgba(13, 79, 214, 0.14), transparent 22%),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 55%);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.premium-topline {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
|
||||
background: linear-gradient(90deg, rgba(8, 31, 79, 0.96), rgba(10, 43, 109, 0.84));
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
}
|
||||
|
||||
.premium-topline-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
min-height: 42px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-shell {
|
||||
position: relative;
|
||||
display: grid;
|
||||
gap: 28px;
|
||||
align-items: start;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-intro {
|
||||
max-width: 780px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-card {
|
||||
padding: clamp(22px, 3vw, 36px);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-back-link {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.premium-stage {
|
||||
position: relative;
|
||||
padding: clamp(18px, 2vw, 28px);
|
||||
border-radius: 36px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.16));
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
box-shadow: var(--premium-shadow);
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.premium-stage::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
border-radius: inherit;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(255, 255, 255, 0.24), transparent 24%),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 68%);
|
||||
opacity: 0.8;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.premium-orb {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
filter: blur(6px);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.premium-orb-one {
|
||||
top: -64px;
|
||||
right: -40px;
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
background: radial-gradient(circle, rgba(110, 224, 255, 0.38), transparent 70%);
|
||||
}
|
||||
|
||||
.premium-orb-two {
|
||||
bottom: -80px;
|
||||
left: -30px;
|
||||
width: 260px;
|
||||
height: 260px;
|
||||
background: radial-gradient(circle, rgba(13, 79, 214, 0.22), transparent 70%);
|
||||
}
|
||||
|
||||
.premium-kicker {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-top: 18px;
|
||||
padding: 8px 14px;
|
||||
border-radius: 999px;
|
||||
background: rgba(8, 31, 79, 0.08);
|
||||
color: var(--premium-navy);
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.premium-kicker::before {
|
||||
content: "";
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, var(--premium-cyan), var(--premium-blue));
|
||||
box-shadow: 0 0 0 6px rgba(110, 224, 255, 0.12);
|
||||
}
|
||||
|
||||
.premium-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.premium-metric {
|
||||
padding: 18px 18px 16px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.68);
|
||||
border: 1px solid rgba(255, 255, 255, 0.72);
|
||||
box-shadow: 0 18px 44px rgba(8, 31, 79, 0.1);
|
||||
}
|
||||
|
||||
.premium-metric strong {
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
font-size: 22px;
|
||||
line-height: 1;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
.premium-metric span {
|
||||
display: block;
|
||||
color: var(--muted);
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.premium-note-row {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.premium-note-card {
|
||||
padding: 18px 18px 20px;
|
||||
border-radius: 22px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.56));
|
||||
border: 1px solid rgba(255, 255, 255, 0.76);
|
||||
box-shadow: 0 18px 50px rgba(8, 31, 79, 0.1);
|
||||
}
|
||||
|
||||
.premium-note-card span {
|
||||
display: inline-block;
|
||||
margin-bottom: 8px;
|
||||
color: var(--premium-blue);
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.premium-note-card strong {
|
||||
display: block;
|
||||
color: var(--premium-navy);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.cart-trust-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.cart-trust-card {
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.62);
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
box-shadow: 0 18px 48px rgba(8, 31, 79, 0.08);
|
||||
}
|
||||
|
||||
.cart-trust-card span {
|
||||
display: inline-block;
|
||||
margin-bottom: 8px;
|
||||
color: var(--premium-blue);
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.cart-trust-card strong {
|
||||
display: block;
|
||||
color: var(--premium-navy);
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.premium-stack {
|
||||
display: grid;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.premium-aside,
|
||||
.premium-form-card {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.premium-aside::before,
|
||||
.premium-form-card::before,
|
||||
.premium-footer-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(145deg, rgba(255, 255, 255, 0.22), transparent 34%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.premium-aside {
|
||||
padding: 26px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.premium-aside-head h2 {
|
||||
margin: 16px 0 0;
|
||||
font-size: clamp(28px, 3vw, 38px);
|
||||
line-height: 1.02;
|
||||
letter-spacing: -0.04em;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
h2 {
|
||||
margin: 14px 0 10px;
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-size: clamp(28px, 4.2vw, 42px);
|
||||
line-height: 1.08;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.premium-timeline {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.premium-timeline-item {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 14px;
|
||||
align-items: start;
|
||||
padding: 16px 18px;
|
||||
border-radius: 20px;
|
||||
background: rgba(255, 255, 255, 0.68);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
.premium-timeline-item strong {
|
||||
min-width: 44px;
|
||||
height: 44px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 14px;
|
||||
background: linear-gradient(145deg, rgba(8, 31, 79, 0.96), rgba(13, 79, 214, 0.92));
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
|
||||
.premium-timeline-item span {
|
||||
display: block;
|
||||
padding-top: 6px;
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.premium-badge-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.premium-badge-card {
|
||||
padding: 18px;
|
||||
border-radius: 20px;
|
||||
background: linear-gradient(160deg, rgba(8, 31, 79, 0.88), rgba(13, 79, 214, 0.78));
|
||||
color: #fff;
|
||||
box-shadow: 0 24px 60px rgba(8, 31, 79, 0.18);
|
||||
}
|
||||
|
||||
.premium-badge-card span {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
|
||||
.premium-badge-card strong {
|
||||
display: block;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.cart-side-note {
|
||||
margin-top: 18px;
|
||||
padding: 18px;
|
||||
border-radius: 20px;
|
||||
background: rgba(255, 255, 255, 0.68);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.premium-form-card {
|
||||
border-radius: 30px;
|
||||
box-shadow: 0 34px 100px rgba(8, 31, 79, 0.16);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .entry-content,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-cart,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .is-large {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce a,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-combobox .components-combobox-control__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkbox label {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row input.input-text,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row select,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .components-form-token-field__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon #coupon_code {
|
||||
min-height: 58px;
|
||||
padding: 14px 16px;
|
||||
border-radius: 18px;
|
||||
border: 1px solid var(--premium-line);
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea {
|
||||
min-height: 120px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #order_review,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-sidebar,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-totals-wrapper,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-step,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-order-summary,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-totals-coupon,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-shipping-rates-control,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-address-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals {
|
||||
border-radius: 26px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.64));
|
||||
box-shadow: 0 30px 90px rgba(8, 31, 79, 0.12);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #order_review,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals {
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkbox label,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control__option-label {
|
||||
font-weight: 700;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce button.button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce #payment #place_order,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-cart__submit-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-place-order-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .actions .button,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon .button {
|
||||
min-height: 56px;
|
||||
padding: 16px 22px;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
color: #fff;
|
||||
background: linear-gradient(135deg, var(--premium-navy), var(--premium-blue));
|
||||
box-shadow: 0 18px 34px rgba(13, 79, 214, 0.24);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce button.button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce #payment #place_order:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-cart__submit-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-place-order-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .actions .button:hover,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon .button:hover {
|
||||
transform: translateY(-1px);
|
||||
filter: brightness(1.03);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-order-summary-item,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-product-name {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table {
|
||||
overflow: hidden;
|
||||
border-radius: 18px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table td,
|
||||
:is(.test1-checkout-page, .test1-cart-page) table.shop_table th,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table th,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table td {
|
||||
border-color: rgba(18, 48, 89, 0.1);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table thead th {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_item img {
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .product-remove a.remove {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 12px;
|
||||
background: rgba(213, 59, 92, 0.08);
|
||||
color: #d53b5c !important;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-info,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-message,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-error,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-notice-banner {
|
||||
border-radius: 18px;
|
||||
border: 1px solid rgba(18, 48, 89, 0.1);
|
||||
background: rgba(255, 255, 255, 0.84);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .select2-container--default .select2-selection--single,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .select2-container--default .select2-selection--multiple {
|
||||
min-height: 56px;
|
||||
border-radius: 18px;
|
||||
border: 1px solid rgba(18, 48, 89, 0.14);
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #add_payment_method #payment div.payment_box,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart #payment div.payment_box,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment div.payment_box {
|
||||
background: rgba(219, 246, 255, 0.45);
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-proceed-to-checkout {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-sidebar-layout {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar {
|
||||
padding: 22px;
|
||||
}
|
||||
|
||||
.premium-footer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.premium-footer-grid {
|
||||
grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(240px, 0.8fr));
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.premium-footer-card {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: 30px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.62));
|
||||
border: 1px solid rgba(255, 255, 255, 0.8);
|
||||
box-shadow: 0 26px 70px rgba(8, 31, 79, 0.12);
|
||||
}
|
||||
|
||||
.premium-footer-brand {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.premium-footer-pills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.premium-footer-contacts {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.premium-footer-contacts li + li {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.premium-footer-bottom {
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
.checkout-progress {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 12px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.checkout-progress-step {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 48px;
|
||||
padding: 12px 14px;
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, 0.55);
|
||||
border: 1px solid rgba(255, 255, 255, 0.68);
|
||||
color: var(--muted);
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.checkout-progress-step.is-active {
|
||||
background: linear-gradient(135deg, var(--premium-navy), var(--premium-blue));
|
||||
color: #fff;
|
||||
box-shadow: 0 18px 34px rgba(13, 79, 214, 0.24);
|
||||
}
|
||||
|
||||
.checkout-progress-step.is-complete {
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
.checkout-progress-step.is-pending {
|
||||
opacity: 0.72;
|
||||
}
|
||||
|
||||
.water-commerce-panel,
|
||||
.water-seo-copy-section {
|
||||
margin-top: 24px;
|
||||
padding: 24px;
|
||||
border-radius: 28px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.62));
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
box-shadow: 0 24px 64px rgba(8, 31, 79, 0.1);
|
||||
}
|
||||
|
||||
.water-commerce-panel-head h2,
|
||||
.water-seo-copy-section h2 {
|
||||
margin: 0;
|
||||
color: var(--premium-navy);
|
||||
font-size: clamp(28px, 3vw, 40px);
|
||||
line-height: 1.05;
|
||||
letter-spacing: -0.04em;
|
||||
}
|
||||
|
||||
.water-commerce-panel-head p,
|
||||
.water-seo-copy-section p {
|
||||
margin: 14px 0 0;
|
||||
color: var(--muted);
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.water-commerce-benefits {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.water-commerce-benefits span,
|
||||
.water-commerce-alert {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 42px;
|
||||
padding: 10px 14px;
|
||||
border-radius: 18px;
|
||||
background: rgba(255, 255, 255, 0.82);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
.water-commerce-alerts {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.water-commerce-alert.is-success {
|
||||
background: rgba(25, 167, 111, 0.1);
|
||||
color: #0d6d49;
|
||||
}
|
||||
|
||||
.water-commerce-repeat-order {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.water-checkout-submit-box {
|
||||
margin: 0 0 18px;
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
.water-checkout-submit-note {
|
||||
margin-bottom: 12px;
|
||||
color: var(--premium-navy);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.water-checkout-submit-list {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
color: var(--muted);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.water-cart-summary-box {
|
||||
margin-bottom: 18px;
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: linear-gradient(145deg, rgba(8, 31, 79, 0.92), rgba(13, 79, 214, 0.82));
|
||||
color: #fff;
|
||||
box-shadow: 0 24px 60px rgba(8, 31, 79, 0.16);
|
||||
}
|
||||
|
||||
.water-cart-summary-usp {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.water-cart-summary-list {
|
||||
margin: 0;
|
||||
padding-left: 18px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.water-empty-cart-cta {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals {
|
||||
position: sticky;
|
||||
top: 104px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
:is(.test1-cart-page) .premium-form-card.is-loading::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(255, 255, 255, 0.52);
|
||||
backdrop-filter: blur(3px);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
:is(.test1-cart-page) .premium-form-card.is-loading::before {
|
||||
content: "Обновляем корзину";
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
right: 24px;
|
||||
z-index: 5;
|
||||
padding: 10px 14px;
|
||||
border-radius: 999px;
|
||||
background: linear-gradient(135deg, var(--premium-navy), var(--premium-blue));
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells {
|
||||
margin-top: 24px;
|
||||
padding: 24px;
|
||||
border-radius: 28px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.6));
|
||||
border: 1px solid rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells > h2 {
|
||||
margin: 0 0 16px;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells .products {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cross-sells .product {
|
||||
margin: 0;
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
border: 1px solid rgba(13, 79, 214, 0.08);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .quantity {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .quantity .qty {
|
||||
width: 74px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table .product-name {
|
||||
font-weight: 800;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table .product-subtotal,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .shop_table .product-price {
|
||||
color: var(--premium-navy);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.water-order-total-value .amount {
|
||||
font-size: 28px;
|
||||
color: var(--premium-navy);
|
||||
}
|
||||
|
||||
.quantity-button {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
border-radius: 12px;
|
||||
background: rgba(8, 31, 79, 0.08);
|
||||
color: var(--premium-navy);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.quantity-button:hover {
|
||||
background: rgba(13, 79, 214, 0.14);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.checkout-progress,
|
||||
.water-commerce-benefits {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.cart-trust-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals {
|
||||
position: static;
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-shell {
|
||||
grid-template-columns: minmax(0, 0.88fr) minmax(430px, 1.12fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.premium-metrics,
|
||||
.premium-note-row,
|
||||
.premium-badge-grid,
|
||||
.premium-footer-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.checkout-progress {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 781px) {
|
||||
.premium-topline-inner,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-row,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-actions {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.premium-topline-inner {
|
||||
justify-content: center;
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-actions {
|
||||
width: 100%;
|
||||
justify-content: stretch;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .header-actions > * {
|
||||
flex: 1 1 100%;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.premium-stage {
|
||||
padding: 14px;
|
||||
border-radius: 26px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .checkout-card,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .premium-aside,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields,
|
||||
:is(.test1-checkout-page, .test1-cart-page) #order_review,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart_totals,
|
||||
:is(.test1-checkout-page, .test1-cart-page) .cart-collaterals,
|
||||
.premium-footer-card {
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
:is(.test1-checkout-page, .test1-cart-page) .coupon {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.water-commerce-panel,
|
||||
.water-seo-copy-section,
|
||||
.cross-sells,
|
||||
.water-checkout-submit-box {
|
||||
padding: 18px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,172 @@
|
||||
<?php
|
||||
/**
|
||||
* Standalone cart template styled like the test1 landing page.
|
||||
*
|
||||
* @package Twenty_Twenty_Four
|
||||
* @since Twenty Twenty-Four 1.0
|
||||
*/
|
||||
|
||||
?><!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
<body <?php body_class( 'test1-cart-page' ); ?>>
|
||||
<?php wp_body_open(); ?>
|
||||
<div class="premium-topline">
|
||||
<div class="container premium-topline-inner">
|
||||
<span><?php esc_html_e( 'Корзина с товарами', 'twentytwentyfour' ); ?></span>
|
||||
<span><?php esc_html_e( 'Проверьте заказ перед оформлением доставки воды', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<div class="header-row">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="header-actions">
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a class="button checkout-back-link" href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Перейти к оформлению', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
<a class="header-phone" href="tel:+79781234567">
|
||||
<span aria-hidden="true">+7 (978) 123-45-67</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="top">
|
||||
<section class="hero checkout-hero">
|
||||
<div class="container">
|
||||
<div class="premium-stage premium-stage-cart">
|
||||
<div class="premium-orb premium-orb-one" aria-hidden="true"></div>
|
||||
<div class="premium-orb premium-orb-two" aria-hidden="true"></div>
|
||||
<?php twentytwentyfour_water_delivery_progress_markup( 'cart' ); ?>
|
||||
<div class="checkout-shell">
|
||||
<div class="hero-copy checkout-intro reveal">
|
||||
<span class="eyebrow"><?php esc_html_e( 'Ваш заказ', 'twentytwentyfour' ); ?></span>
|
||||
<div class="premium-kicker"><?php esc_html_e( 'Проверка заказа', 'twentytwentyfour' ); ?></div>
|
||||
<h1 class="hero-title"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'для доставки воды в Севастополе', 'twentytwentyfour' ); ?></span></h1>
|
||||
<p class="hero-text"><?php esc_html_e( 'Проверьте товары в корзине перед оформлением: количество бутылей, объем воды, итоговую стоимость и дополнительные позиции. После этого можно быстро перейти к оформлению доставки на дом или в офис.', 'twentytwentyfour' ); ?></p>
|
||||
|
||||
<div class="hero-actions">
|
||||
<a class="ghost-button" href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Добавить еще товары', 'twentytwentyfour' ); ?></a>
|
||||
// <?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
// <a class="button" href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформить заказ', 'twentytwentyfour' ); ?></a>
|
||||
// <?php endif; ?>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="premium-stack reveal reveal-delay-1">
|
||||
<aside class="glass-card premium-aside premium-aside-cart">
|
||||
<div class="premium-aside-head">
|
||||
<span class="eyebrow eyebrow-inverse"><?php esc_html_e( 'Что проверить', 'twentytwentyfour' ); ?></span>
|
||||
<h2><?php esc_html_e( 'Подготовьте корзину к оформлению', 'twentytwentyfour' ); ?></h2>
|
||||
</div>
|
||||
<div class="premium-timeline">
|
||||
<div class="premium-timeline-item">
|
||||
<strong>01</strong>
|
||||
<span><?php esc_html_e( 'Проверьте объем воды и количество бутылей для дома, офиса или коммерческого объекта', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>02</strong>
|
||||
<span><?php esc_html_e( 'При необходимости измените количество товаров, удалите лишние позиции или примените купон', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>03</strong>
|
||||
<span><?php esc_html_e( 'Перейдите к оформлению заказа и укажите адрес доставки воды по Севастополю', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="premium-badge-grid">
|
||||
<div class="premium-badge-card">
|
||||
<span><?php esc_html_e( 'Популярный заказ', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( 'Вода 19 литров для кулеров дома и в офисе', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
<div class="premium-badge-card">
|
||||
<span><?php esc_html_e( 'Дополнительно', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( 'Питьевая и минеральная вода в компактных форматах для кухни, гостей и переговорных', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cart-side-note">
|
||||
<p><?php esc_html_e( 'После проверки состава заказа вы сразу увидите итоговую сумму, стоимость доставки по вашей зоне и сможете перейти к оформлению без лишних шагов.', 'twentytwentyfour' ); ?></p>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="glass-card checkout-card premium-form-card">
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
the_content();
|
||||
endwhile;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer premium-footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid premium-footer-grid">
|
||||
<div class="footer-card premium-footer-card premium-footer-brand">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина в премиальном стиле test1', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
<p class="footer-description"><?php esc_html_e( 'Корзина для заказа воды в Севастополе помогает быстро проверить выбранные товары перед оформлением доставки. Здесь можно обновить заказ, скорректировать количество бутылей и перейти к следующему шагу без лишних действий.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-footer-pills">
|
||||
<span class="chip"><?php esc_html_e( 'мягкая премиальная палитра', 'twentytwentyfour' ); ?></span>
|
||||
<span class="chip"><?php esc_html_e( 'единый UX путь', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Переходы', 'twentytwentyfour' ); ?></h3>
|
||||
<div class="footer-links">
|
||||
<a href="<?php echo esc_url( home_url( '/test1/' ) ); ?>"><?php esc_html_e( 'Страница test1', 'twentytwentyfour' ); ?></a>
|
||||
<a href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Каталог', 'twentytwentyfour' ); ?></a>
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Контакты', 'twentytwentyfour' ); ?></h3>
|
||||
<ul class="contact-list premium-footer-contacts">
|
||||
<li><strong><?php esc_html_e( 'Телефон:', 'twentytwentyfour' ); ?></strong> <a href="tel:+79781234567">+7 (978) 123-45-67</a></li>
|
||||
<li><strong><?php esc_html_e( 'E-mail:', 'twentytwentyfour' ); ?></strong> order@aqualinia-sev.ru</li>
|
||||
<li><strong><?php esc_html_e( 'Поддержка:', 'twentytwentyfour' ); ?></strong> <?php esc_html_e( 'ежедневно с 8:00 до 21:00', 'twentytwentyfour' ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom premium-footer-bottom">
|
||||
<span>© 2026 <?php bloginfo( 'name' ); ?></span>
|
||||
<span><?php esc_html_e( 'Корзина с водой для дома и офиса: быстрый переход к оформлению доставки.', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<?php wp_footer(); ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,169 @@
|
||||
<?php
|
||||
/**
|
||||
* Standalone cart template styled like the test1 landing page.
|
||||
*
|
||||
* @package Twenty_Twenty_Four
|
||||
* @since Twenty Twenty-Four 1.0
|
||||
*/
|
||||
|
||||
?><!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
<body <?php body_class( 'test1-cart-page' ); ?>>
|
||||
<?php wp_body_open(); ?>
|
||||
<div class="premium-topline">
|
||||
<div class="container premium-topline-inner">
|
||||
<span><?php esc_html_e( 'Корзина с товарами', 'twentytwentyfour' ); ?></span>
|
||||
<span><?php esc_html_e( 'Проверьте заказ перед оформлением доставки воды', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<div class="header-row">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="header-actions">
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a class="button checkout-back-link" href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Перейти к оформлению', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
<a class="header-phone" href="tel:+79781234567">
|
||||
<span aria-hidden="true">+7 (978) 123-45-67</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="top">
|
||||
<section class="hero checkout-hero">
|
||||
<div class="container">
|
||||
<div class="premium-stage premium-stage-cart">
|
||||
<div class="premium-orb premium-orb-one" aria-hidden="true"></div>
|
||||
<div class="premium-orb premium-orb-two" aria-hidden="true"></div>
|
||||
<?php twentytwentyfour_water_delivery_progress_markup( 'cart' ); ?>
|
||||
<div class="checkout-shell">
|
||||
<div class="hero-copy checkout-intro reveal">
|
||||
<span class="eyebrow"><?php esc_html_e( 'Ваш заказ', 'twentytwentyfour' ); ?></span>
|
||||
<div class="premium-kicker"><?php esc_html_e( 'Проверка заказа', 'twentytwentyfour' ); ?></div>
|
||||
<h1 class="hero-title"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'для доставки воды в Севастополе', 'twentytwentyfour' ); ?></span></h1>
|
||||
<p class="hero-text"><?php esc_html_e( 'Проверьте товары в корзине перед оформлением: количество бутылей, объем воды, итоговую стоимость и дополнительные позиции. После этого можно быстро перейти к оформлению доставки на дом или в офис.', 'twentytwentyfour' ); ?></p>
|
||||
|
||||
<div class="hero-actions">
|
||||
<a class="ghost-button" href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Добавить еще товары', 'twentytwentyfour' ); ?></a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="premium-stack reveal reveal-delay-1">
|
||||
<aside class="glass-card premium-aside premium-aside-cart">
|
||||
<div class="premium-aside-head">
|
||||
<span class="eyebrow eyebrow-inverse"><?php esc_html_e( 'Что проверить', 'twentytwentyfour' ); ?></span>
|
||||
<h2><?php esc_html_e( 'Подготовьте корзину к оформлению', 'twentytwentyfour' ); ?></h2>
|
||||
</div>
|
||||
<div class="premium-timeline">
|
||||
<div class="premium-timeline-item">
|
||||
<strong>01</strong>
|
||||
<span><?php esc_html_e( 'Проверьте объем воды и количество бутылей для дома, офиса или коммерческого объекта', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>02</strong>
|
||||
<span><?php esc_html_e( 'При необходимости измените количество товаров, удалите лишние позиции или примените купон', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>03</strong>
|
||||
<span><?php esc_html_e( 'Перейдите к оформлению заказа и укажите адрес доставки воды по Севастополю', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="premium-badge-grid">
|
||||
<div class="premium-badge-card">
|
||||
<span><?php esc_html_e( 'Популярный заказ', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( 'Вода 19 литров для кулеров дома и в офисе', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
<div class="premium-badge-card">
|
||||
<span><?php esc_html_e( 'Дополнительно', 'twentytwentyfour' ); ?></span>
|
||||
<strong><?php esc_html_e( 'Питьевая и минеральная вода в компактных форматах для кухни, гостей и переговорных', 'twentytwentyfour' ); ?></strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cart-side-note">
|
||||
<p><?php esc_html_e( 'После проверки состава заказа вы сразу увидите итоговую сумму, стоимость доставки по вашей зоне и сможете перейти к оформлению без лишних шагов.', 'twentytwentyfour' ); ?></p>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="glass-card checkout-card premium-form-card">
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
the_content();
|
||||
endwhile;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer premium-footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid premium-footer-grid">
|
||||
<div class="footer-card premium-footer-card premium-footer-brand">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина в премиальном стиле test1', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
<p class="footer-description"><?php esc_html_e( 'Корзина для заказа воды в Севастополе помогает быстро проверить выбранные товары перед оформлением доставки. Здесь можно обновить заказ, скорректировать количество бутылей и перейти к следующему шагу без лишних действий.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-footer-pills">
|
||||
<span class="chip"><?php esc_html_e( 'мягкая премиальная палитра', 'twentytwentyfour' ); ?></span>
|
||||
<span class="chip"><?php esc_html_e( 'единый UX путь', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Переходы', 'twentytwentyfour' ); ?></h3>
|
||||
<div class="footer-links">
|
||||
<a href="<?php echo esc_url( home_url( '/test1/' ) ); ?>"><?php esc_html_e( 'Страница test1', 'twentytwentyfour' ); ?></a>
|
||||
<a href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Каталог', 'twentytwentyfour' ); ?></a>
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Контакты', 'twentytwentyfour' ); ?></h3>
|
||||
<ul class="contact-list premium-footer-contacts">
|
||||
<li><strong><?php esc_html_e( 'Телефон:', 'twentytwentyfour' ); ?></strong> <a href="tel:+79781234567">+7 (978) 123-45-67</a></li>
|
||||
<li><strong><?php esc_html_e( 'E-mail:', 'twentytwentyfour' ); ?></strong> order@aqualinia-sev.ru</li>
|
||||
<li><strong><?php esc_html_e( 'Поддержка:', 'twentytwentyfour' ); ?></strong> <?php esc_html_e( 'ежедневно с 8:00 до 21:00', 'twentytwentyfour' ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom premium-footer-bottom">
|
||||
<span>© 2026 <?php bloginfo( 'name' ); ?></span>
|
||||
<span><?php esc_html_e( 'Корзина с водой для дома и офиса: быстрый переход к оформлению доставки.', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<?php wp_footer(); ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,160 @@
|
||||
<?php
|
||||
/**
|
||||
* Standalone cart template styled like the test1 landing page.
|
||||
*
|
||||
* @package Twenty_Twenty_Four
|
||||
* @since Twenty Twenty-Four 1.0
|
||||
*/
|
||||
|
||||
?><!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
<body <?php body_class( 'test1-cart-page' ); ?>>
|
||||
<?php wp_body_open(); ?>
|
||||
<div class="premium-topline">
|
||||
<div class="container premium-topline-inner">
|
||||
<span><?php esc_html_e( 'Корзина с товарами', 'twentytwentyfour' ); ?></span>
|
||||
<span><?php esc_html_e( 'Проверьте заказ перед оформлением доставки воды', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<div class="header-row">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="header-actions">
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a class="button checkout-back-link" href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Перейти к оформлению', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
<a class="header-phone" href="tel:+79781234567">
|
||||
<span aria-hidden="true">+7 (978) 123-45-67</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="top">
|
||||
<section class="hero checkout-hero">
|
||||
<div class="container">
|
||||
<div class="premium-stage premium-stage-cart">
|
||||
<div class="premium-orb premium-orb-one" aria-hidden="true"></div>
|
||||
<div class="premium-orb premium-orb-two" aria-hidden="true"></div>
|
||||
<?php twentytwentyfour_water_delivery_progress_markup( 'cart' ); ?>
|
||||
<div class="checkout-shell">
|
||||
<div class="hero-copy checkout-intro reveal">
|
||||
<span class="eyebrow"><?php esc_html_e( 'Ваш заказ', 'twentytwentyfour' ); ?></span>
|
||||
<div class="premium-kicker"><?php esc_html_e( 'Проверка заказа', 'twentytwentyfour' ); ?></div>
|
||||
<h1 class="hero-title"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'для доставки воды в Севастополе', 'twentytwentyfour' ); ?></span></h1>
|
||||
<p class="hero-text"><?php esc_html_e( 'Проверьте товары в корзине перед оформлением: количество бутылей, объем воды, итоговую стоимость и дополнительные позиции. После этого можно быстро перейти к оформлению доставки на дом или в офис.', 'twentytwentyfour' ); ?></p>
|
||||
|
||||
<div class="hero-actions">
|
||||
<a class="ghost-button" href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Добавить еще товары', 'twentytwentyfour' ); ?></a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="premium-stack reveal reveal-delay-1">
|
||||
<aside class="glass-card premium-aside premium-aside-cart">
|
||||
<div class="premium-aside-head">
|
||||
<span class="eyebrow eyebrow-inverse"><?php esc_html_e( 'Что проверить', 'twentytwentyfour' ); ?></span>
|
||||
<h2><?php esc_html_e( 'Подготовьте корзину к оформлению', 'twentytwentyfour' ); ?></h2>
|
||||
</div>
|
||||
<div class="premium-timeline">
|
||||
<div class="premium-timeline-item">
|
||||
<strong>01</strong>
|
||||
<span><?php esc_html_e( 'Проверьте объем воды и количество бутылей для дома, офиса или коммерческого объекта', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>02</strong>
|
||||
<span><?php esc_html_e( 'При необходимости измените количество товаров, удалите лишние позиции или примените купон', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>03</strong>
|
||||
<span><?php esc_html_e( 'Перейдите к оформлению заказа и укажите адрес доставки воды по Севастополю', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cart-side-note">
|
||||
<p><?php esc_html_e( 'После проверки состава заказа вы сразу увидите итоговую сумму, стоимость доставки по вашей зоне и сможете перейти к оформлению без лишних шагов.', 'twentytwentyfour' ); ?></p>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="glass-card checkout-card premium-form-card">
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
the_content();
|
||||
endwhile;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer premium-footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid premium-footer-grid">
|
||||
<div class="footer-card premium-footer-card premium-footer-brand">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина в премиальном стиле test1', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
<p class="footer-description"><?php esc_html_e( 'Корзина для заказа воды в Севастополе помогает быстро проверить выбранные товары перед оформлением доставки. Здесь можно обновить заказ, скорректировать количество бутылей и перейти к следующему шагу без лишних действий.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-footer-pills">
|
||||
<span class="chip"><?php esc_html_e( 'мягкая премиальная палитра', 'twentytwentyfour' ); ?></span>
|
||||
<span class="chip"><?php esc_html_e( 'единый UX путь', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Переходы', 'twentytwentyfour' ); ?></h3>
|
||||
<div class="footer-links">
|
||||
<a href="<?php echo esc_url( home_url( '/test1/' ) ); ?>"><?php esc_html_e( 'Страница test1', 'twentytwentyfour' ); ?></a>
|
||||
<a href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Каталог', 'twentytwentyfour' ); ?></a>
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Контакты', 'twentytwentyfour' ); ?></h3>
|
||||
<ul class="contact-list premium-footer-contacts">
|
||||
<li><strong><?php esc_html_e( 'Телефон:', 'twentytwentyfour' ); ?></strong> <a href="tel:+79781234567">+7 (978) 123-45-67</a></li>
|
||||
<li><strong><?php esc_html_e( 'E-mail:', 'twentytwentyfour' ); ?></strong> order@aqualinia-sev.ru</li>
|
||||
<li><strong><?php esc_html_e( 'Поддержка:', 'twentytwentyfour' ); ?></strong> <?php esc_html_e( 'ежедневно с 8:00 до 21:00', 'twentytwentyfour' ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom premium-footer-bottom">
|
||||
<span>© 2026 <?php bloginfo( 'name' ); ?></span>
|
||||
<span><?php esc_html_e( 'Корзина с водой для дома и офиса: быстрый переход к оформлению доставки.', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<?php wp_footer(); ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,159 @@
|
||||
<?php
|
||||
/**
|
||||
* Standalone cart template styled like the test1 landing page.
|
||||
*
|
||||
* @package Twenty_Twenty_Four
|
||||
* @since Twenty Twenty-Four 1.0
|
||||
*/
|
||||
|
||||
?><!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
<body <?php body_class( 'test1-cart-page' ); ?>>
|
||||
<?php wp_body_open(); ?>
|
||||
<div class="premium-topline">
|
||||
<div class="container premium-topline-inner">
|
||||
<span><?php esc_html_e( 'Корзина с товарами', 'twentytwentyfour' ); ?></span>
|
||||
<span><?php esc_html_e( 'Проверьте заказ перед оформлением доставки воды', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<div class="header-row">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="header-actions">
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a class="button checkout-back-link" href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Перейти к оформлению', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
<a class="header-phone" href="tel:+79781234567">
|
||||
<span aria-hidden="true">+7 (978) 123-45-67</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="top">
|
||||
<section class="hero checkout-hero">
|
||||
<div class="container">
|
||||
<div class="premium-stage premium-stage-cart">
|
||||
<div class="premium-orb premium-orb-one" aria-hidden="true"></div>
|
||||
<div class="premium-orb premium-orb-two" aria-hidden="true"></div>
|
||||
<?php twentytwentyfour_water_delivery_progress_markup( 'cart' ); ?>
|
||||
<div class="checkout-shell">
|
||||
<div class="hero-copy checkout-intro reveal">
|
||||
<span class="eyebrow"><?php esc_html_e( 'Ваш заказ', 'twentytwentyfour' ); ?></span>
|
||||
<h1 class="hero-title"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'для доставки воды в Севастополе', 'twentytwentyfour' ); ?></span></h1>
|
||||
<p class="hero-text"><?php esc_html_e( 'Проверьте товары в корзине перед оформлением: количество бутылей, объем воды, итоговую стоимость и дополнительные позиции. После этого можно быстро перейти к оформлению доставки на дом или в офис.', 'twentytwentyfour' ); ?></p>
|
||||
|
||||
<div class="hero-actions">
|
||||
<a class="ghost-button" href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Добавить еще товары', 'twentytwentyfour' ); ?></a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="premium-stack reveal reveal-delay-1">
|
||||
<aside class="glass-card premium-aside premium-aside-cart">
|
||||
<div class="premium-aside-head">
|
||||
<span class="eyebrow eyebrow-inverse"><?php esc_html_e( 'Что проверить', 'twentytwentyfour' ); ?></span>
|
||||
<h2><?php esc_html_e( 'Подготовьте корзину к оформлению', 'twentytwentyfour' ); ?></h2>
|
||||
</div>
|
||||
<div class="premium-timeline">
|
||||
<div class="premium-timeline-item">
|
||||
<strong>01</strong>
|
||||
<span><?php esc_html_e( 'Проверьте объем воды и количество бутылей для дома, офиса или коммерческого объекта', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>02</strong>
|
||||
<span><?php esc_html_e( 'При необходимости измените количество товаров, удалите лишние позиции или примените купон', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>03</strong>
|
||||
<span><?php esc_html_e( 'Перейдите к оформлению заказа и укажите адрес доставки воды по Севастополю', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cart-side-note">
|
||||
<p><?php esc_html_e( 'После проверки состава заказа вы сразу увидите итоговую сумму, стоимость доставки по вашей зоне и сможете перейти к оформлению без лишних шагов.', 'twentytwentyfour' ); ?></p>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="glass-card checkout-card premium-form-card">
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
the_content();
|
||||
endwhile;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer premium-footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid premium-footer-grid">
|
||||
<div class="footer-card premium-footer-card premium-footer-brand">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина в премиальном стиле test1', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
<p class="footer-description"><?php esc_html_e( 'Корзина для заказа воды в Севастополе помогает быстро проверить выбранные товары перед оформлением доставки. Здесь можно обновить заказ, скорректировать количество бутылей и перейти к следующему шагу без лишних действий.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-footer-pills">
|
||||
<span class="chip"><?php esc_html_e( 'мягкая премиальная палитра', 'twentytwentyfour' ); ?></span>
|
||||
<span class="chip"><?php esc_html_e( 'единый UX путь', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Переходы', 'twentytwentyfour' ); ?></h3>
|
||||
<div class="footer-links">
|
||||
<a href="<?php echo esc_url( home_url( '/test1/' ) ); ?>"><?php esc_html_e( 'Страница test1', 'twentytwentyfour' ); ?></a>
|
||||
<a href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Каталог', 'twentytwentyfour' ); ?></a>
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Контакты', 'twentytwentyfour' ); ?></h3>
|
||||
<ul class="contact-list premium-footer-contacts">
|
||||
<li><strong><?php esc_html_e( 'Телефон:', 'twentytwentyfour' ); ?></strong> <a href="tel:+79781234567">+7 (978) 123-45-67</a></li>
|
||||
<li><strong><?php esc_html_e( 'E-mail:', 'twentytwentyfour' ); ?></strong> order@aqualinia-sev.ru</li>
|
||||
<li><strong><?php esc_html_e( 'Поддержка:', 'twentytwentyfour' ); ?></strong> <?php esc_html_e( 'ежедневно с 8:00 до 21:00', 'twentytwentyfour' ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom premium-footer-bottom">
|
||||
<span>© 2026 <?php bloginfo( 'name' ); ?></span>
|
||||
<span><?php esc_html_e( 'Корзина с водой для дома и офиса: быстрый переход к оформлению доставки.', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<?php wp_footer(); ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,158 @@
|
||||
<?php
|
||||
/**
|
||||
* Standalone cart template styled like the test1 landing page.
|
||||
*
|
||||
* @package Twenty_Twenty_Four
|
||||
* @since Twenty Twenty-Four 1.0
|
||||
*/
|
||||
|
||||
?><!DOCTYPE html>
|
||||
<html <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
<body <?php body_class( 'test1-cart-page' ); ?>>
|
||||
<?php wp_body_open(); ?>
|
||||
<div class="premium-topline">
|
||||
<div class="container premium-topline-inner">
|
||||
<span><?php esc_html_e( 'Корзина с товарами', 'twentytwentyfour' ); ?></span>
|
||||
<span><?php esc_html_e( 'Проверьте заказ перед оформлением доставки воды', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<div class="header-row">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="header-actions">
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a class="button checkout-back-link" href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Перейти к оформлению', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
<a class="header-phone" href="tel:+79781234567">
|
||||
<span aria-hidden="true">+7 (978) 123-45-67</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="top">
|
||||
<section class="hero checkout-hero">
|
||||
<div class="container">
|
||||
<div class="premium-stage premium-stage-cart">
|
||||
<div class="premium-orb premium-orb-one" aria-hidden="true"></div>
|
||||
<div class="premium-orb premium-orb-two" aria-hidden="true"></div>
|
||||
<?php twentytwentyfour_water_delivery_progress_markup( 'cart' ); ?>
|
||||
<div class="checkout-shell">
|
||||
<div class="hero-copy checkout-intro reveal">
|
||||
<span class="eyebrow"><?php esc_html_e( 'Ваш заказ', 'twentytwentyfour' ); ?></span>
|
||||
<h1 class="hero-title"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'для доставки воды в Севастополе', 'twentytwentyfour' ); ?></span></h1>
|
||||
<p class="hero-text"><?php esc_html_e( 'Проверьте товары в корзине перед оформлением: количество бутылей, объем воды, итоговую стоимость и дополнительные позиции. После этого можно быстро перейти к оформлению доставки на дом или в офис.', 'twentytwentyfour' ); ?></p>
|
||||
|
||||
<div class="hero-actions">
|
||||
<a class="ghost-button" href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Добавить еще товары', 'twentytwentyfour' ); ?></a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="premium-stack reveal reveal-delay-1">
|
||||
<aside class="glass-card premium-aside premium-aside-cart">
|
||||
<div class="premium-aside-head">
|
||||
<h2><?php esc_html_e( 'Подготовьте корзину к оформлению', 'twentytwentyfour' ); ?></h2>
|
||||
</div>
|
||||
<div class="premium-timeline">
|
||||
<div class="premium-timeline-item">
|
||||
<strong>01</strong>
|
||||
<span><?php esc_html_e( 'Проверьте объем воды и количество бутылей для дома, офиса или коммерческого объекта', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>02</strong>
|
||||
<span><?php esc_html_e( 'При необходимости измените количество товаров, удалите лишние позиции или примените купон', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
<div class="premium-timeline-item">
|
||||
<strong>03</strong>
|
||||
<span><?php esc_html_e( 'Перейдите к оформлению заказа и укажите адрес доставки воды по Севастополю', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cart-side-note">
|
||||
<p><?php esc_html_e( 'После проверки состава заказа вы сразу увидите итоговую сумму, стоимость доставки по вашей зоне и сможете перейти к оформлению без лишних шагов.', 'twentytwentyfour' ); ?></p>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="glass-card checkout-card premium-form-card">
|
||||
<?php
|
||||
while ( have_posts() ) :
|
||||
the_post();
|
||||
the_content();
|
||||
endwhile;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer premium-footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid premium-footer-grid">
|
||||
<div class="footer-card premium-footer-card premium-footer-brand">
|
||||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||||
<span class="brand-mark" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="brand-text">
|
||||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||||
<span><?php esc_html_e( 'Корзина в премиальном стиле test1', 'twentytwentyfour' ); ?></span>
|
||||
</span>
|
||||
</a>
|
||||
<p class="footer-description"><?php esc_html_e( 'Корзина для заказа воды в Севастополе помогает быстро проверить выбранные товары перед оформлением доставки. Здесь можно обновить заказ, скорректировать количество бутылей и перейти к следующему шагу без лишних действий.', 'twentytwentyfour' ); ?></p>
|
||||
<div class="premium-footer-pills">
|
||||
<span class="chip"><?php esc_html_e( 'мягкая премиальная палитра', 'twentytwentyfour' ); ?></span>
|
||||
<span class="chip"><?php esc_html_e( 'единый UX путь', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Переходы', 'twentytwentyfour' ); ?></h3>
|
||||
<div class="footer-links">
|
||||
<a href="<?php echo esc_url( home_url( '/test1/' ) ); ?>"><?php esc_html_e( 'Страница test1', 'twentytwentyfour' ); ?></a>
|
||||
<a href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Каталог', 'twentytwentyfour' ); ?></a>
|
||||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||||
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-card premium-footer-card">
|
||||
<h3><?php esc_html_e( 'Контакты', 'twentytwentyfour' ); ?></h3>
|
||||
<ul class="contact-list premium-footer-contacts">
|
||||
<li><strong><?php esc_html_e( 'Телефон:', 'twentytwentyfour' ); ?></strong> <a href="tel:+79781234567">+7 (978) 123-45-67</a></li>
|
||||
<li><strong><?php esc_html_e( 'E-mail:', 'twentytwentyfour' ); ?></strong> order@aqualinia-sev.ru</li>
|
||||
<li><strong><?php esc_html_e( 'Поддержка:', 'twentytwentyfour' ); ?></strong> <?php esc_html_e( 'ежедневно с 8:00 до 21:00', 'twentytwentyfour' ); ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom premium-footer-bottom">
|
||||
<span>© 2026 <?php bloginfo( 'name' ); ?></span>
|
||||
<span><?php esc_html_e( 'Корзина с водой для дома и офиса: быстрый переход к оформлению доставки.', 'twentytwentyfour' ); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<?php wp_footer(); ?>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user