.tcq-wrap {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 56px 20px;
box-sizing: border-box;
color: #14213d;
font-family: inherit;
}
.tcq-wrap *,
.tcq-wrap *::before,
.tcq-wrap *::after {
box-sizing: border-box;
}
.tcq-hero {
max-width: 760px;
margin: 0 0 30px;
}
.tcq-eyebrow {
margin: 0 0 8px;
color: #b88a2f;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
.tcq-wrap h1.tcq-title,
.tcq-title {
margin: 0;
color: #0d2a52;
font-size: 42px;
line-height: 1.18;
font-weight: 800;
letter-spacing: 0;
}
.tcq-subtitle {
max-width: 700px;
margin: 14px 0 0;
color: #52606f;
font-size: 18px;
line-height: 1.7;
}
.tcq-progress {
margin: 0 0 28px;
}
.tcq-progress-meta {
display: flex;
justify-content: space-between;
gap: 16px;
margin-bottom: 10px;
color: #4b5b70;
font-size: 14px;
font-weight: 700;
}
.tcq-progress-track {
width: 100%;
height: 10px;
overflow: hidden;
border-radius: 999px;
background: #e9edf3;
}
.tcq-progress-bar {
width: 0%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #0d2a52, #c49a3a);
transition: width 220ms ease;
}
.tcq-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 28px;
align-items: start;
}
.tcq-questions {
display: grid;
gap: 16px;
}
.tcq-question-card {
border: 1px solid #dbe2ec;
border-radius: 8px;
background: #ffffff;
padding: 20px;
box-shadow: 0 10px 28px rgba(13, 42, 82, 0.06);
transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.tcq-question-card.tcq-active-question {
border-color: rgba(196, 147, 61, 1);
background: rgba(255, 244, 214, 0.9);
box-shadow: 0 20px 52px rgba(13, 42, 82, 0.34), 0 0 0 8px rgba(196, 147, 61, 0.38);
animation: tcqQuestionPulse 1.25s ease-in-out infinite;
}
.tcq-question-head {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.tcq-question-number {
display: inline-flex;
flex: 0 0 auto;
width: 38px;
height: 38px;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #edf2f7;
color: #0d2a52;
font-size: 15px;
font-weight: 800;
}
.tcq-active-question .tcq-question-number {
background: #0d2a52;
color: #ffffff;
animation: tcqNumberPulse 1.25s ease-in-out infinite;
}
.tcq-question-title {
color: #14213d;
font-size: 20px;
line-height: 1.45;
font-weight: 800;
}
.tcq-active-question .tcq-question-title {
animation: tcqTitlePulse 1.25s ease-in-out infinite;
}
.tcq-options {
display: grid;
gap: 10px;
}
.tcq-option-button {
width: 100%;
min-height: 48px;
border: 1px solid #d9e1ec;
border-radius: 8px;
background: #ffffff;
color: #24364f;
cursor: pointer;
font-family: inherit;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
padding: 12px 14px;
text-align: left;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}
.tcq-option-button:hover,
.tcq-option-button:focus {
border-color: rgba(13, 42, 82, 0.42);
box-shadow: 0 0 0 3px rgba(13, 42, 82, 0.08);
outline: none;
}
.tcq-active-question .tcq-option-button {
animation: none !important;
}
.tcq-active-question .tcq-option-button:hover,
.tcq-active-question .tcq-option-button:focus {
animation: none !important;
}
.tcq-option-button.is-selected {
border-color: #0d2a52;
background: #0d2a52;
color: #ffffff;
box-shadow: none;
animation: none;
}
.tcq-result-panel {
position: sticky;
top: 24px;
display: grid;
gap: 16px;
}
.tcq-result-card,
.tcq-recommendation-box {
border: 1px solid #dbe2ec;
border-radius: 8px;
background: #ffffff;
padding: 22px;
box-shadow: 0 16px 38px rgba(13, 42, 82, 0.08);
}
.tcq-result-kicker {
margin: 0 0 8px;
color: #b88a2f;
font-size: 13px;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
.tcq-result-title,
.tcq-form-title {
margin: 0;
color: #0d2a52;
font-size: 22px;
line-height: 1.35;
font-weight: 800;
}
.tcq-result-range {
margin: 10px 0 0;
color: #7a5a13;
font-size: 14px;
font-weight: 800;
}
.tcq-result-description {
margin: 14px 0 0;
color: #52606f;
font-size: 15px;
line-height: 1.7;
}
.tcq-result-summary {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid #e5eaf1;
color: #4b5b70;
font-size: 14px;
font-weight: 700;
}
.tcq-result-summary strong {
color: #0d2a52;
font-size: 24px;
}
.tcq-recommendation-box {
display: grid;
gap: 13px;
}
.tcq-field {
display: grid;
gap: 6px;
color: #304159;
font-size: 14px;
font-weight: 800;
}
.tcq-input {
width: 100%;
min-height: 44px;
border: 1px solid #d9e1ec;
border-radius: 8px;
background: #ffffff;
color: #14213d;
font-family: inherit;
font-size: 16px;
padding: 10px 12px;
}
.tcq-input:focus {
border-color: #0d2a52;
box-shadow: 0 0 0 3px rgba(13, 42, 82, 0.1);
outline: none;
}
.tcq-privacy {
margin: 0;
color: #6a7584;
font-size: 13px;
line-height: 1.55;
}
.tcq-submit-button {
min-height: 48px;
border: 0;
border-radius: 8px;
background: #0d2a52;
color: #ffffff;
cursor: pointer;
font-family: inherit;
font-size: 16px;
font-weight: 800;
padding: 12px 16px;
transition: background-color 160ms ease, transform 160ms ease;
}
.tcq-submit-button:hover,
.tcq-submit-button:focus {
background: #123767;
outline: none;
}
.tcq-submit-button:disabled {
cursor: wait;
opacity: 0.72;
}
.tcq-form-message {
min-height: 20px;
margin: 0;
color: #0d6b3f;
font-size: 14px;
font-weight: 700;
}
.tcq-form-message.is-error {
color: #b3261e;
}
@keyframes tcqQuestionPulse {
0%,
100% {
background: #ffffff;
border-color: rgba(196, 147, 61, 0.55);
box-shadow: 0 12px 34px rgba(15, 23, 42, 0.12), 0 0 0 0 rgba(13, 42, 82, 0.36);
}
50% {
background: rgba(255, 244, 214, 0.9);
border-color: rgba(196, 147, 61, 1);
box-shadow: 0 20px 52px rgba(13, 42, 82, 0.34), 0 0 0 8px rgba(196, 147, 61, 0.38);
}
}
@keyframes tcqNumberPulse {
0%,
100% {
box-shadow: 0 0 0 0 rgba(13, 42, 82, 0.5);
transform: scale(1);
}
50% {
box-shadow: 0 0 0 10px rgba(196, 147, 61, 0.42);
transform: scale(1.12);
}
}
@keyframes tcqTitlePulse {
0%,
100% {
color: #14213d;
}
50% {
color: #6f4700;
}
}
.tcq-product-recommendations {
display: grid;
gap: 14px;
}
.tcq-product-empty {
border: 1px dashed #cbd5e1;
border-radius: 14px;
background: #f8fafc;
color: #52606f;
font-size: 14px;
line-height: 1.7;
padding: 18px;
text-align: center;
}
.tcq-product-card {
position: relative;
overflow: hidden;
border: 1px solid #dbe2ec;
border-radius: 18px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
padding: 16px;
box-shadow: 0 14px 32px rgba(13, 42, 82, 0.08);
}
.tcq-product-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 5px;
background: linear-gradient(90deg, #0d2a52, #c4933d);
}
.tcq-product-accent-rose::before { background: linear-gradient(90deg, #be6b7a, #f4b8c6); }
.tcq-product-accent-cyan::before { background: linear-gradient(90deg, #0891b2, #38bdf8); }
.tcq-product-accent-green::before { background: linear-gradient(90deg, #047857, #c4933d); }
.tcq-product-accent-gold::before { background: linear-gradient(90deg, #0d2a52, #e7c56f); }
.tcq-product-accent-blue::before { background: linear-gradient(90deg, #1d4ed8, #38bdf8); }
.tcq-product-accent-slate::before { background: linear-gradient(90deg, #475569, #0d2a52); }
.tcq-product-accent-red::before { background: linear-gradient(90deg, #7f1d1d, #e7c56f); }
.tcq-product-accent-sky::before { background: linear-gradient(90deg, #0284c7, #14b8a6); }
.tcq-product-accent-navy::before { background: linear-gradient(90deg, #0d2a52, #c4933d); }
.tcq-product-badge {
display: inline-flex;
align-items: center;
margin-top: 4px;
margin-bottom: 12px;
border-radius: 999px;
background: #f7eedb;
color: #7a5a13;
font-size: 12px;
font-weight: 900;
padding: 6px 10px;
}
.tcq-product-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 170px;
margin-bottom: 14px;
border: 1px solid #e5eaf1;
border-radius: 16px;
background: #ffffff;
overflow: hidden;
}
.tcq-product-image img {
display: block;
width: 100%;
height: 190px;
object-fit: contain;
}
.tcq-product-image-placeholder {
min-height: 170px;
color: #8a97a8;
font-size: 14px;
font-weight: 800;
line-height: 1.6;
text-align: center;
background: repeating-linear-gradient(45deg, #ffffff, #ffffff 10px, #f8fafc 10px, #f8fafc 20px);
}
.tcq-product-card h3 {
margin: 0;
color: #0d2a52;
font-size: 19px;
line-height: 1.35;
font-weight: 900;
}
.tcq-product-main-reason {
margin: 10px 0 0;
color: #52606f;
font-size: 14px;
line-height: 1.65;
}
.tcq-product-score {
margin-top: 12px;
border-radius: 12px;
background: #f8fafc;
color: #4b5b70;
font-size: 13px;
font-weight: 800;
padding: 10px 12px;
}
.tcq-product-score strong {
color: #0d2a52;
}
.tcq-product-reasons {
margin-top: 12px;
color: #304159;
font-size: 13px;
line-height: 1.65;
}
.tcq-product-reasons ul {
margin: 6px 0 0 18px;
padding: 0;
}
.tcq-product-link {
display: block;
margin-top: 14px;
border-radius: 999px;
background: #0d2a52;
color: #ffffff !important;
font-size: 14px;
font-weight: 900;
padding: 12px 16px;
text-align: center;
text-decoration: none;
transition: transform 160ms ease, background-color 160ms ease;
}
.tcq-product-link:hover,
.tcq-product-link:focus {
background: #143c72;
transform: translateY(-1px);
outline: none;
}
@media (max-width: 860px) {
.tcq-wrap {
padding: 38px 16px;
}
.tcq-wrap h1.tcq-title,
.tcq-title {
font-size: 32px;
}
.tcq-subtitle {
font-size: 16px;
}
.tcq-layout {
grid-template-columns: 1fr;
}
.tcq-result-panel {
position: static;
}
}
@media (max-width: 520px) {
.tcq-question-card,
.tcq-result-card,
.tcq-recommendation-box {
padding: 16px;
}
.tcq-question-head {
align-items: flex-start;
}
.tcq-question-title {
font-size: 18px;
}
} .tcq-product-card h3 {
margin-bottom: 10px;
}
.tcq-product-score {
border: 1px solid rgba(196, 147, 61, 0.35);
background: #fff7e6;
color: #0d2a52;
}
.tcq-product-main-reason strong,
.tcq-product-reasons strong,
.tcq-product-benefits strong {
color: #0d2a52;
}
.tcq-product-benefits {
margin-top: 12px;
border-radius: 14px;
background: #f8fafc;
color: #304159;
font-size: 13px;
line-height: 1.65;
padding: 12px;
}
.tcq-product-benefits ul {
margin: 6px 0 0 18px;
padding: 0;
}
.tcq-safe-warning {
margin: 14px 0 0;
border: 1px solid #f1d6a8;
border-radius: 14px;
background: #fff8e8;
color: #7a4b00;
font-size: 12px;
font-weight: 700;
line-height: 1.7;
padding: 12px;
}
.tcq-active-question .tcq-option-button,
.tcq-active-question .tcq-option-button:hover,
.tcq-active-question .tcq-option-button:focus {
animation: none !important;
}.tcp-order {
--tcp-navy: #0D2A52;
--tcp-gold: #C4933D;
--tcp-light-gold: #E7C56F;
--tcp-rose: #C9877B;
--tcp-ink: #172033;
--tcp-muted: #667085;
--tcp-line: #E8E1D7;
--tcp-soft: #FBF8F4;
color: var(--tcp-ink);
font-family: inherit;
margin: 0 auto;
max-width: 1180px;
padding: 28px 16px 96px;
}
.tcp-order * {
box-sizing: border-box;
}
.tcp-order__hero {
background: linear-gradient(135deg, #0D2A52 0%, #143B70 55%, #C4933D 150%);
border-radius: 8px;
color: #fff;
margin-bottom: 22px;
padding: clamp(24px, 5vw, 48px);
position: relative;
overflow: hidden;
}
.tcp-order__hero::after {
background: rgba(231, 197, 111, .18);
content: "";
height: 100%;
position: absolute;
right: -18%;
top: 0;
transform: skewX(-18deg);
width: 40%;
}
.tcp-order__eyebrow {
color: var(--tcp-light-gold);
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
margin: 0 0 8px;
text-transform: uppercase;
}
.tcp-order h2 {
color: #fff;
font-size: clamp(30px, 5vw, 46px);
line-height: 1.08;
margin: 0 0 10px;
}
.tcp-order__hero p:last-child {
font-size: 17px;
margin: 0;
max-width: 720px;
opacity: .92;
}
.tcp-product-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 22px;
}
.tcp-product-toolbar {
align-items: center;
background: rgba(255, 255, 255, .92);
border: 1px solid rgba(231, 197, 111, .36);
border-radius: 8px;
box-shadow: 0 12px 34px rgba(7, 25, 51, .12);
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: space-between;
margin: 0 0 16px;
padding: 12px 14px;
}
.tcp-product-toolbar label {
align-items: center;
color: var(--tcp-navy);
display: inline-flex;
font-size: 13px;
font-weight: 800;
gap: 8px;
}
.tcp-product-toolbar input {
border: 1px solid rgba(13, 42, 82, .2);
border-radius: 6px;
font-weight: 800;
max-width: 86px;
min-height: 38px;
padding: 6px 10px;
}
.tcp-product-pages {
align-items: center;
display: inline-flex;
gap: 8px;
}
.tcp-product-pages button {
background: var(--tcp-navy);
border: 0;
border-radius: 6px;
color: #fff;
cursor: pointer;
font-weight: 800;
min-height: 38px;
padding: 8px 12px;
}
.tcp-product-pages button:disabled {
cursor: not-allowed;
opacity: .45;
}
.tcp-product-pages span {
color: var(--tcp-navy);
font-size: 13px;
font-weight: 800;
}
.tcp-product-card {
background: #fff;
border: 1px solid var(--tcp-line);
border-radius: 8px;
box-shadow: 0 18px 46px rgba(7, 25, 51, .2), 0 3px 10px rgba(196, 147, 61, .14);
min-width: 0;
overflow: hidden;
position: relative;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tcp-product-card--selected {
border-color: var(--tcp-navy);
box-shadow: 0 16px 42px rgba(13, 42, 82, .16), 0 0 0 2px rgba(196, 147, 61, .18);
}
.tcp-product-card:hover {
transform: translateY(-2px);
}
.tcp-current-product,
.tcp-page-matched-product {
animation: tcpMatchedGlow 1.05s infinite ease-in-out;
border: 3px solid #d60000 !important;
box-shadow: 0 0 0 4px rgba(214,0,0,.16), 0 0 22px rgba(214,0,0,.65);
position: relative;
z-index: 2;
}
@keyframes tcpMatchedGlow {
0%, 100% {
box-shadow: 0 0 0 3px rgba(214,0,0,.14), 0 0 14px rgba(214,0,0,.5);
}
50% {
box-shadow: 0 0 0 7px rgba(214,0,0,.24), 0 0 32px rgba(214,0,0,.95);
}
}
.tcp-current-badge {
background: var(--tcp-navy);
border: 1px solid rgba(231, 197, 111, .7);
border-radius: 999px;
color: var(--tcp-light-gold);
font-size: 12px;
font-weight: 700;
left: 12px;
padding: 6px 10px;
position: absolute;
top: 12px;
z-index: 2;
}
.tcp-product-card__image-link {
background: linear-gradient(180deg, rgba(255,255,255,.96), var(--tcp-soft));
display: block;
aspect-ratio: 1 / 1;
padding: 8px;
}
.tcp-product-card img {
display: block;
height: 100%;
object-fit: contain;
width: 100%;
}
.tcp-product-card__body {
padding: 16px;
}
.tcp-product-card h3 {
color: var(--tcp-navy);
font-size: 18px;
line-height: 1.25;
margin: 0 0 8px;
}
.tcp-product-card__desc {
color: var(--tcp-muted);
font-size: 14px;
line-height: 1.5;
margin: 0 0 14px;
}
.tcp-product-card__meta {
display: block;
margin-bottom: 14px;
text-align: center;
}
.tcp-price-wrap {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin: 12px 0 11px;
text-align: center;
}
.tcp-regular-price {
color: #0D2A52;
display: inline-block;
font-size: var(--tcp-regular-price-size, 22px);
font-weight: 900;
line-height: 1;
position: relative;
white-space: nowrap;
}
.tcp-regular-price::after {
background: #8b0000;
content: "";
height: 3px;
left: -5%;
position: absolute;
right: -5%;
top: 50%;
transform: rotate(-7deg);
transform-origin: center;
}
.tcp-sale-price {
color: #8b0000;
font-size: var(--tcp-sale-price-size, 32px);
font-weight: 900;
line-height: 1;
}
.tcp-price-pulse {
align-items: center;
animation: tcpPricePulse 1.05s infinite ease-in-out;
background: rgba(255,255,255,.85);
border: 2px solid #d60000;
border-radius: 999px;
display: inline-flex;
justify-content: center;
padding: 8px 16px;
position: relative;
}
@keyframes tcpPricePulse {
0% {
box-shadow: 0 0 0 0 rgba(214,0,0,.45);
transform: scale(1);
}
70% {
box-shadow: 0 0 0 9px rgba(214,0,0,0);
transform: scale(1.035);
}
100% {
box-shadow: 0 0 0 0 rgba(214,0,0,0);
transform: scale(1);
}
}
.tcp-product-promo {
color: var(--tcp-rose);
display: block;
font-size: 13px;
font-weight: 700;
text-align: center;
}
.tcp-qty {
align-items: center;
border: 1px solid var(--tcp-line);
border-radius: 8px;
display: grid;
grid-template-columns: 44px 1fr 44px;
height: 46px;
overflow: hidden;
}
.tcp-qty__btn {
appearance: none;
background: var(--tcp-navy);
border: 0;
color: #fff;
cursor: pointer;
font-size: 24px;
height: 100%;
}
.tcp-qty input {
border: 0;
color: var(--tcp-navy);
font-size: 18px;
font-weight: 800;
height: 100%;
text-align: center;
width: 100%;
}
.tcp-subtotal {
color: var(--tcp-muted);
font-size: 13px;
font-weight: 700;
margin-top: 10px;
}
.tcp-checkout {
align-items: start;
display: grid;
gap: 18px;
grid-template-columns: minmax(0, 1fr) 360px;
}
.tcp-customer-form,
.tcp-summary {
background: #fff;
border: 1px solid var(--tcp-line);
border-radius: 8px;
box-shadow: 0 14px 38px rgba(13, 42, 82, .08);
padding: 20px;
}
.tcp-customer-form label {
display: block;
margin-bottom: 16px;
}
.tcp-customer-form span {
color: var(--tcp-navy);
display: block;
font-weight: 800;
margin-bottom: 7px;
}
.tcp-customer-form b,
.tcp-customer-form small {
color: #B42318;
}
.tcp-customer-form input,
.tcp-customer-form textarea {
background: #fff;
border: 1px solid #D9D2C8;
border-radius: 8px;
color: var(--tcp-ink);
font: inherit;
min-height: 48px;
padding: 12px 13px;
width: 100%;
}
.tcp-customer-form textarea {
min-height: 132px;
resize: vertical;
}
.tcp-customer-form .tcp-invalid {
border-color: #B42318;
box-shadow: 0 0 0 3px rgba(180, 35, 24, .1);
}
.tcp-customer-form small {
display: block;
font-size: 13px;
margin-top: 6px;
min-height: 18px;
}
.tcp-submit,
.tcp-mobile-total button {
appearance: none;
background: linear-gradient(135deg, var(--tcp-navy), #123A71);
border: 1px solid rgba(231, 197, 111, .75);
border-radius: 8px;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 800;
min-height: 52px;
padding: 13px 18px;
width: 100%;
}
.tcp-submit:hover,
.tcp-mobile-total button:hover {
background: linear-gradient(135deg, #123A71, var(--tcp-navy));
}
.tcp-submit:disabled {
cursor: wait;
opacity: .7;
}
.tcp-form-message {
border-radius: 8px;
color: var(--tcp-navy);
font-weight: 700;
margin: 4px 0 14px;
min-height: 22px;
}
.tcp-form-message--error {
color: #B42318;
}
.tcp-form-message--success {
background: #ECFDF3;
color: #027A48;
padding: 12px;
}
.tcp-legal {
color: var(--tcp-muted);
font-size: 13px;
line-height: 1.6;
margin: 14px 0 0;
}
.tcp-summary {
position: sticky;
top: 92px;
}
.tcp-summary h3 {
color: var(--tcp-navy);
font-size: 21px;
margin: 0 0 14px;
}
.tcp-summary__items > div {
border-bottom: 1px solid var(--tcp-line);
display: flex;
gap: 12px;
justify-content: space-between;
padding: 10px 0;
}
.tcp-summary__items span {
color: var(--tcp-muted);
}
.tcp-summary__empty {
color: var(--tcp-muted);
padding: 10px 0;
}
.tcp-summary__total {
align-items: center;
border-top: 2px solid var(--tcp-gold);
color: var(--tcp-navy);
display: flex;
font-size: 18px;
justify-content: space-between;
margin-top: 14px;
padding-top: 14px;
}
.tcp-summary__total strong {
font-size: 24px;
}
.tcp-mobile-total {
display: none;
}
@media (max-width: 980px) {
.tcp-product-grid,
.tcp-checkout {
grid-template-columns: 1fr;
}
.tcp-summary {
position: static;
}
}
@media (max-width: 680px) {
.tcp-order {
padding: 14px 12px 92px;
}
.tcp-order__hero {
padding: 24px 18px;
}
.tcp-price-wrap {
gap: 10px;
margin: 13px 0 12px;
}
.tcp-regular-price::after {
height: 4px;
}
.tcp-price-pulse {
border-width: 2px;
padding: 10px 18px;
}
.tcp-product-toolbar {
align-items: stretch;
flex-direction: column;
}
.tcp-product-pages {
justify-content: space-between;
width: 100%;
}
.tcp-qty {
grid-template-columns: 56px 1fr 56px;
height: 54px;
}
.tcp-mobile-total {
align-items: center;
background: #fff;
border-top: 1px solid var(--tcp-line);
bottom: 0;
box-shadow: 0 -10px 30px rgba(13, 42, 82, .12);
display: flex;
gap: 12px;
justify-content: space-between;
left: 0;
padding: 10px 12px;
position: fixed;
right: 0;
z-index: 9999;
}
.tcp-mobile-total span {
color: var(--tcp-navy);
font-weight: 800;
min-width: 110px;
}
.tcp-mobile-total button {
min-height: 46px;
width: auto;
}
}
@media (max-width: 380px) {
.tcp-price-pulse {
padding: 9px 14px;
}
}