Tuzzello - Product Blocked for Sale
:root {
--ink: #10272d;
--muted: #587279;
--primary: #123f46;
--primary-2: #47767e;
--soft: #c8f7ed;
--bg: #edf6f9;
--accent: #f35b04;
--danger: #d91f1f;
--warning: #ffbd5a;
--shadow: 0 28px 90px rgba(18, 63, 70, 0.16);
--font: Poppins, Inter, Arial, sans-serif;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background: var(--bg);
color: var(--ink);
font-family: var(--font);
margin: 0;
}
a {
color: inherit;
text-decoration: none;
}
.topbar {
align-items: center;
background: rgba(237, 246, 249, 0.88);
backdrop-filter: blur(18px);
border-bottom: 1px solid rgba(18, 63, 70, 0.08);
display: flex;
height: 76px;
justify-content: space-between;
left: 0;
padding: 0 clamp(22px, 4vw, 70px);
position: fixed;
right: 0;
top: 0;
z-index: 20;
}
.brand {
align-items: center;
display: flex;
gap: 12px;
}
.brand-mark {
align-items: center;
background: #ffffff;
border-left: 7px solid var(--accent);
border-radius: 10px;
box-shadow: 0 10px 24px rgba(18, 63, 70, 0.12);
color: var(--primary);
display: inline-flex;
font-size: 28px;
font-weight: 900;
height: 50px;
justify-content: center;
line-height: 1;
position: relative;
width: 50px;
}
.brand-mark::after {
background: var(--accent);
border: 3px solid #ffffff;
border-radius: 999px;
content: "";
height: 9px;
position: absolute;
right: -5px;
top: 8px;
width: 9px;
}
.brand-copy strong {
color: var(--primary);
display: block;
font-size: 25px;
font-weight: 900;
letter-spacing: 0.7px;
line-height: 1;
}
.brand-copy span {
color: var(--muted);
display: block;
font-size: 9px;
font-weight: 900;
letter-spacing: 2.6px;
margin-top: 6px;
text-transform: uppercase;
}
.nav {
align-items: center;
display: flex;
gap: 10px;
}
.nav a,
.btn {
align-items: center;
border-radius: 8px;
display: inline-flex;
font-size: 13px;
font-weight: 850;
justify-content: center;
min-height: 42px;
padding: 0 17px;
white-space: nowrap;
}
.nav a {
color: var(--primary);
}
.btn-light {
background: rgba(255, 255, 255, 0.42);
border: 1px solid rgba(18, 63, 70, 0.12);
}
.btn-primary {
background: var(--accent);
color: #ffffff;
}
.btn-secondary {
background: rgba(255, 255, 255, 0.10);
border: 1px solid rgba(255, 255, 255, 0.35);
color: #ffffff;
}
.hero {
align-items: center;
background:
linear-gradient(90deg, rgba(18, 63, 70, 0.98) 0%, rgba(18, 63, 70, 0.88) 44%, rgba(18, 63, 70, 0.58) 72%, rgba(18, 63, 70, 0.22) 100%),
url("/wp-content/uploads/2025/01/cadeia-de-suprimento.jpg") center / cover no-repeat;
display: flex;
min-height: 100vh;
overflow: hidden;
padding: 116px clamp(22px, 4vw, 70px) 74px;
position: relative;
}
.hero::after {
background: linear-gradient(180deg, transparent 0%, rgba(237, 246, 249, 0.92) 100%);
bottom: 0;
content: "";
height: 160px;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
}
.notallowed-shell {
display: grid;
gap: clamp(34px, 6vw, 78px);
grid-template-columns: minmax(320px, 0.92fr) minmax(360px, 560px);
margin: 0 auto;
max-width: 1480px;
position: relative;
width: 100%;
z-index: 1;
}
.message-copy {
align-self: center;
}
.eyebrow {
color: var(--soft);
font-size: 11px;
font-weight: 900;
letter-spacing: 4px;
margin-bottom: 24px;
text-transform: uppercase;
}
.message-copy h1 {
color: #d9fff7;
font-size: clamp(44px, 5.8vw, 82px);
font-weight: 900;
letter-spacing: 0;
line-height: 1.02;
margin: 0;
max-width: 820px;
}
.message-copy p {
color: rgba(237, 246, 249, 0.96);
font-size: clamp(18px, 1.7vw, 23px);
font-weight: 800;
line-height: 1.45;
margin: 26px 0 0;
max-width: 760px;
}
.message-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 38px;
}
.message-actions .btn {
min-height: 52px;
padding: 0 24px;
}
.status-card {
align-self: center;
background: rgba(237, 246, 249, 0.94);
border: 1px solid rgba(255, 255, 255, 0.60);
border-radius: 14px;
box-shadow: 0 30px 80px rgba(6, 24, 29, 0.28);
color: var(--ink);
overflow: hidden;
padding: 30px;
position: relative;
}
.status-card::before {
background: linear-gradient(90deg, var(--danger), var(--accent), var(--warning));
content: "";
height: 5px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.status-visual {
align-items: center;
background:
radial-gradient(circle at 30% 24%, rgba(255, 189, 90, 0.24), transparent 24%),
linear-gradient(135deg, rgba(18, 63, 70, 0.10), rgba(71, 118, 126, 0.15));
border: 1px solid rgba(18, 63, 70, 0.10);
border-radius: 12px;
display: flex;
height: 210px;
justify-content: center;
margin-bottom: 24px;
position: relative;
}
.blocked-icon {
width: 136px;
height: 136px;
color: var(--primary);
}
a:focus-visible {
outline: 3px solid var(--warning);
outline-offset: 4px;
}
.status-card span {
color: var(--primary-2);
display: block;
font-size: 10px;
font-weight: 900;
letter-spacing: 2.8px;
text-transform: uppercase;
}
.status-card h2 {
color: var(--primary);
font-size: clamp(28px, 3.4vw, 42px);
font-weight: 900;
letter-spacing: 0;
line-height: 1.08;
margin: 10px 0 12px;
}
.status-card p {
color: var(--muted);
font-size: 16px;
font-weight: 750;
line-height: 1.55;
margin: 0;
}
.support-note {
background: rgba(71, 118, 126, 0.10);
border: 1px solid rgba(71, 118, 126, 0.18);
border-radius: 10px;
color: var(--primary);
font-size: 13px;
font-weight: 850;
line-height: 1.45;
margin-top: 18px;
padding: 14px 16px;
}
.proof-strip {
display: grid;
gap: 14px;
grid-template-columns: repeat(3, 1fr);
margin: -56px auto 70px;
max-width: 1220px;
padding: 0 clamp(22px, 4vw, 70px);
position: relative;
z-index: 2;
}
.proof-item {
background: rgba(237, 246, 249, 0.90);
border: 1px solid rgba(255, 255, 255, 0.72);
border-radius: 8px;
box-shadow: var(--shadow);
min-height: 84px;
padding: 19px 22px;
}
.proof-item span {
color: var(--primary-2);
display: block;
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
margin-bottom: 8px;
text-transform: uppercase;
}
.proof-item strong {
color: var(--primary);
display: block;
font-size: 19px;
font-weight: 900;
line-height: 1.2;
}
@media (max-width: 1100px) {
.notallowed-shell,
.proof-strip {
grid-template-columns: 1fr;
}
.status-card {
max-width: 640px;
}
}
@media (max-width: 720px) {
.topbar {
height: auto;
min-height: 76px;
padding-bottom: 12px;
padding-top: 12px;
position: sticky;
}
.brand-copy span {
display: none;
}
.nav {
gap: 6px;
}
.nav a,
.btn {
font-size: 12px;
min-height: 38px;
padding: 0 11px;
}
.hero {
padding-top: 34px;
}
.message-copy h1 {
font-size: 42px;
}
.message-copy p {
font-size: 17px;
}
.status-card {
padding: 20px;
}
.status-visual {
height: 178px;
}
.blocked-icon {
width: 112px;
height: 112px;
}
.brand-copy strong { font-size: 20px; }
.brand { gap: 8px; }
.topbar { flex-wrap: wrap; gap: 12px; }
.proof-strip {
margin-top: -34px;
}
}
.footer {
background: linear-gradient(135deg, #123f46, #47767e);
color: rgba(237, 246, 249, 0.86);
margin-top: 0;
padding: 42px clamp(22px, 4vw, 70px) 34px;
}
.footer-inner {
display: grid;
gap: 34px;
grid-template-columns: minmax(240px, 1.2fr) 1fr 1fr;
margin: 0 auto;
max-width: 1440px;
}
.footer .brand-copy strong {
color: #ffffff;
}
.footer .brand-copy span {
color: rgba(199, 240, 228, 0.72);
}
.footer p {
color: rgba(237, 246, 249, 0.78);
font-size: 14px;
font-weight: 650;
line-height: 1.6;
margin: 18px 0 0;
max-width: 430px;
}
.footer h3 {
color: #d8fff4;
font-size: 14px;
font-weight: 900;
letter-spacing: 1.6px;
margin: 0 0 14px;
text-transform: uppercase;
}
.footer-links,
.footer-countries {
display: grid;
gap: 10px;
}
.footer-links a,
.footer-countries span,
.footer-contact a,
.footer-contact span {
color: rgba(237, 246, 249, 0.82);
font-size: 14px;
font-weight: 700;
}
.footer-links a:hover,
.footer-contact a:hover {
color: #ffffff;
}
.footer-bottom {
border-top: 1px solid rgba(199, 240, 228, 0.16);
display: flex;
font-size: 12px;
font-weight: 700;
justify-content: space-between;
margin: 34px auto 0;
max-width: 1440px;
padding-top: 18px;
}
@media (max-width: 900px) {
.footer-inner { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.footer-bottom { flex-direction: column; gap: 12px; }
}
Product blocked for sale
This product is blocked for sale.
The product you are trying to purchase is not currently available for sale.
Please contact the seller or Tuzzello support for more information.
Purchase unavailable
Checkout cannot continue for this product.
This purchase cannot proceed while the product is blocked for sale.
If you received a purchase link, ask the seller to confirm availability
before trying again.
Already submitted a payment? Check your order confirmation or contact
support before trying again, to avoid a duplicate purchase.
01 · Availability
Wait until the product is available for sale
02 · Seller
Ask the seller for an update on this product
03 · Support
Contact Tuzzello if you need assistance