Shipping policy
.trix-ds-wrap *, .trix-ds-wrap *::before, .trix-ds-wrap *::after {
margin: 0; padding: 0; box-sizing: border-box;
}
.trix-ds-wrap {
--ds-black: #1a1412;
--ds-charcoal: #3d3330;
--ds-warm: #5c4a42;
--ds-muted: #8a7a72;
--ds-sand: #c4b5ab;
--ds-cream: #f5f0eb;
--ds-ivory: #faf8f5;
--ds-white: #ffffff;
--ds-blush: #e8c4b8;
--ds-rose: #d4a090;
--ds-accent: #c47a68;
--ds-deep-rose: #a05a48;
--ds-green: #4a8c6a;
font-family: inherit;
color: var(--ds-charcoal);
max-width: 100%;
overflow-x: hidden;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
/* ── Hero ── */
.trix-ds-hero {
position: relative;
padding: 72px 24px 62px;
text-align: center;
background: linear-gradient(170deg, var(--ds-ivory) 0%, var(--ds-cream) 40%, var(--ds-blush) 100%);
overflow: hidden;
}
.trix-ds-hero::before {
content: '';
position: absolute;
top: -60%;
right: -20%;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(212,160,144,0.15) 0%, transparent 70%);
pointer-events: none;
}
.trix-ds-badge {
display: inline-block;
font-size: 11px;
font-weight: 600;
letter-spacing: 3.5px;
text-transform: uppercase;
color: var(--ds-accent);
margin-bottom: 18px;
}
.trix-ds-badge::before,
.trix-ds-badge::after {
content: '';
display: inline-block;
width: 28px;
height: 1px;
background: var(--ds-rose);
vertical-align: middle;
margin: 0 14px;
}
.trix-ds-hero h1 {
font-family: inherit;
font-size: clamp(34px, 5.5vw, 56px);
font-weight: 500;
color: var(--ds-black);
line-height: 1.15;
margin-bottom: 18px;
}
.trix-ds-hero-sub {
font-size: 15px;
font-weight: 300;
color: var(--ds-warm);
max-width: 480px;
margin: 0 auto;
line-height: 1.7;
}
/* ── Section header ── */
.trix-ds-section-title {
max-width: 900px;
margin: 0 auto;
padding: 56px 24px 8px;
}
.trix-ds-section-title h2 {
font-family: inherit;
font-size: clamp(24px, 3.5vw, 34px);
font-weight: 500;
color: var(--ds-black);
margin-bottom: 8px;
}
.trix-ds-section-title p {
font-size: 15px;
color: var(--ds-muted);
font-weight: 300;
}
/* ── Delivery options grid ── */
.trix-ds-options {
max-width: 900px;
margin: 0 auto;
padding: 24px 24px 16px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.trix-ds-option {
background: var(--ds-white);
border: 1px solid rgba(196,181,171,0.2);
border-radius: 14px;
padding: 32px 28px 28px;
transition: box-shadow 0.3s ease, transform 0.3s ease;
position: relative;
}
.trix-ds-option:hover {
box-shadow: 0 6px 28px rgba(26,20,18,0.06);
transform: translateY(-2px);
}
.trix-ds-option-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
gap: 12px;
}
.trix-ds-option h3 {
font-family: inherit;
font-size: 19px;
font-weight: 600;
color: var(--ds-black);
}
.trix-ds-price-tag {
display: inline-block;
padding: 5px 14px;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.3px;
flex-shrink: 0;
}
.trix-ds-price-tag--paid {
background: var(--ds-cream);
color: var(--ds-accent);
}
.trix-ds-price-tag--free {
background: rgba(74,140,106,0.1);
color: var(--ds-green);
}
.trix-ds-detail-row {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 8px;
font-size: 14px;
}
.trix-ds-detail-label {
font-weight: 500;
color: var(--ds-charcoal);
min-width: 82px;
flex-shrink: 0;
}
.trix-ds-detail-value {
color: var(--ds-muted);
font-weight: 400;
}
.trix-ds-option-desc {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid rgba(196,181,171,0.2);
font-size: 13.5px;
color: var(--ds-warm);
line-height: 1.7;
}
/* ── Info strip (3 columns) ── */
.trix-ds-info-strip {
max-width: 900px;
margin: 0 auto;
padding: 20px 24px 60px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.trix-ds-info-card {
border-radius: 14px;
padding: 30px 26px 26px;
}
.trix-ds-info-card--payment {
background: linear-gradient(160deg, var(--ds-ivory) 0%, var(--ds-cream) 100%);
border: 1px solid rgba(196,181,171,0.3);
}
.trix-ds-info-card--notes {
background: linear-gradient(160deg, var(--ds-ivory) 0%, var(--ds-cream) 100%);
border: 1px solid rgba(196,181,171,0.3);
}
.trix-ds-info-card--help {
background: linear-gradient(160deg, var(--ds-black) 0%, var(--ds-charcoal) 100%);
color: var(--ds-cream);
position: relative;
overflow: hidden;
}
.trix-ds-info-card--help::before {
content: '';
position: absolute;
top: -50%;
right: -30%;
width: 250px;
height: 250px;
border-radius: 50%;
background: radial-gradient(circle, rgba(196,122,104,0.15) 0%, transparent 70%);
pointer-events: none;
}
.trix-ds-info-card h3 {
font-family: inherit;
font-size: 18px;
font-weight: 600;
margin-bottom: 18px;
color: var(--ds-black);
}
.trix-ds-info-card--help h3 {
color: var(--ds-white);
}
.trix-ds-info-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.trix-ds-info-list li {
display: flex;
align-items: flex-start;
gap: 11px;
font-size: 13.5px;
color: var(--ds-warm);
line-height: 1.65;
}
.trix-ds-info-card--help .trix-ds-info-list li {
color: var(--ds-sand);
}
.trix-ds-info-list li::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--ds-accent);
flex-shrink: 0;
margin-top: 7px;
}
.trix-ds-help-text {
font-size: 14px;
font-weight: 300;
color: var(--ds-sand);
line-height: 1.7;
margin-bottom: 22px;
}
.trix-ds-whatsapp-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 26px;
background: #25D366;
color: #fff;
border: none;
border-radius: 50px;
font-family: inherit;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 16px rgba(37,211,102,0.3);
}
.trix-ds-whatsapp-btn:hover {
background: #1fba59;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(37,211,102,0.4);
}
.trix-ds-whatsapp-btn svg {
width: 16px;
height: 16px;
fill: #fff;
}
.trix-ds-phone-num {
display: block;
margin-top: 14px;
font-size: 12px;
color: var(--ds-muted);
letter-spacing: 1px;
}
/* ── Responsive ── */
@media (max-width: 768px) {
.trix-ds-hero { padding: 52px 20px 46px; }
.trix-ds-section-title { padding: 40px 16px 8px; }
.trix-ds-options { grid-template-columns: 1fr; padding: 20px 16px 12px; }
.trix-ds-option { padding: 26px 22px 22px; }
.trix-ds-info-strip { grid-template-columns: 1fr; padding: 12px 16px 48px; }
.trix-ds-info-card { padding: 26px 22px 22px; }
}
@keyframes trixDsFade {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.trix-ds-anim { animation: trixDsFade 0.5s ease forwards; }
.trix-ds-d1 { animation-delay: 0.05s; }
.trix-ds-d2 { animation-delay: 0.1s; }
.trix-ds-d3 { animation-delay: 0.15s; }
.trix-ds-d4 { animation-delay: 0.2s; }
Trix Glam Cosmetics
Delivery & Shipping
We deliver across Mauritius. Choose the option that suits you best at checkout.
Delivery Options
Simple delivery choices for islandwide orders and local pickup.
Payment Methods
- MCB Juice mobile payment
- Bank transfer details are provided after order confirmation
- Cash is available for Nulivrer delivery and Mahebourg pickup or local delivery only
Important Notes
- Delivery timeframes are estimates and may vary during peak periods or public holidays
- Orders are processed once payment is confirmed
- For delivery queries, please contact our support team during support hours
Need Help?
Need help choosing the right delivery option? Contact us and we will be happy to assist you.
Chat on WhatsApp WhatsApp: 5944 5366
Shopping cart0
Your cart is empty.
Return to shop