Tuzzello - Product Out of Stock
: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: 136px 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;
}
.soldout-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;
}
.cart-icon {
height: 122px;
position: relative;
width: 154px;
}
.cart-basket {
border: 10px solid rgba(18, 63, 70, 0.82);
border-radius: 10px 10px 16px 16px;
height: 70px;
left: 18px;
position: absolute;
top: 28px;
transform: skewX(-10deg);
width: 118px;
}
.cart-handle {
border-left: 10px solid rgba(18, 63, 70, 0.82);
border-top: 10px solid rgba(18, 63, 70, 0.82);
height: 42px;
position: absolute;
right: 8px;
top: 0;
transform: skewX(-10deg);
width: 46px;
}
.cart-wheel {
background: rgba(18, 63, 70, 0.82);
border-radius: 999px;
bottom: 8px;
height: 24px;
position: absolute;
width: 24px;
}
.cart-wheel:first-of-type {
left: 32px;
}
.cart-wheel:last-of-type {
right: 28px;
}
.status-badge {
align-items: center;
background: var(--danger);
border: 4px solid rgba(237, 246, 249, 0.95);
border-radius: 999px;
box-shadow: 0 16px 32px rgba(217, 31, 31, 0.30);
color: #ffffff;
display: flex;
font-size: 28px;
font-weight: 900;
height: 92px;
justify-content: center;
letter-spacing: 1px;
line-height: 1;
position: absolute;
right: 34px;
text-transform: uppercase;
top: 58px;
transform: rotate(-12deg);
width: 118px;
}
.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) {
.soldout-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;
}
.cart-icon {
transform: scale(0.82);
}
.status-badge {
font-size: 22px;
height: 74px;
right: 22px;
top: 48px;
width: 96px;
}
.proof-strip {
margin-top: -34px;
}
}
.topbar {
padding-left: 7.5%;
padding-right: 7.5%;
}
.topbar .brand { flex: 0 0 auto; }
.topbar .nav { flex-shrink: 0; }
.topbar img.brand-logo {
display: block !important;
width: 330px !important;
height: 88px !important;
max-width: 100% !important;
max-height: 88px !important;
object-fit: contain !important;
object-position: left center;
}
@media (min-width: 721px) {
.topbar { height: 96px; }
}
@media (max-width: 639px) {
.topbar img.brand-logo {
width: 225px !important;
height: 60px !important;
max-height: 60px !important;
}
}
Product out of stock
We are sorry, this product is out of stock.
The item you tried to buy is currently sold out, so checkout has been stopped
before payment. Please return later or contact the seller for availability.
Checkout stopped
This product is temporarily unavailable for purchase.
Stock may be replenished by the seller. If you reached this page from an affiliate
link or campaign, check back later before attempting the purchase again.
No payment should be processed while this product is out of stock. If you see a
charge, contact Tuzzello support with your product link and account email.
Stock
Wait for the seller to replenish product availability
Seller
Contact the seller if you need an estimated restock date
Safety
Do not retry payment until the product is available again
