/* SWISS BY SAIF - CATEGORY SECTION */ .sbs-shop { width: 100% !important; max-width: 100% !important; padding: 35px 12px; background: #fff; font-family: Arial, sans-serif; box-sizing: border-box; } .sbs-shop * { box-sizing: border-box; } .sbs-shop-header { text-align: center; margin-bottom: 25px; } .sbs-shop-header .eyebrow { color: #800000; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 8px; } .sbs-shop-header h2 { color: #382727; font-family: Georgia, serif; font-size: 35px; font-weight: 400; margin: 0; line-height: 1.2; } .sbs-shop-header h2 em { color: #800000; } .sbs-shop-header p:last-child { color: #796B65; font-size: 13px; margin: 9px 0 0; } /* GRID */ .sbs-shop-grid { width: 100%; max-width: 1150px; margin: 0 auto; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 13px; } /* CARDS */ .sbs-shop-card { min-width: 0; min-height: 185px; padding: 17px 8px; border-radius: 9px; text-decoration: none !important; color: #382727 !important; display: flex !important; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: transform .25s ease, box-shadow .25s ease; } .sbs-shop-card:hover { transform: translateY(-4px); box-shadow: 0 7px 20px rgba(60,30,30,.10); } /* PASTEL COLORS */ .sbs-shop-card:nth-child(1) {background:#F5E3DF;} .sbs-shop-card:nth-child(2) {background:#F9E7DF;} .sbs-shop-card:nth-child(3) {background:#E2EFE6;} .sbs-shop-card:nth-child(4) {background:#EDE5F1;} .sbs-shop-card:nth-child(5) {background:#F6EDD8;} .sbs-shop-card:nth-child(6) {background:#E5E9ED;} .sbs-shop-card:nth-child(7) {background:#EADFE2;} .sbs-shop-card:nth-child(8) {background:#EAE7DD;} /* ICON CIRCLES */ .sbs-shop-icon { width: 75px; height: 75px; flex-shrink: 0; border: 1.5px solid #800000; background: rgba(255,255,255,.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 11px; } .sbs-shop-icon svg { width: 39px; height: 39px; fill: none; stroke: #800000; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .sbs-shop-name { font-family: Georgia, serif; color: #382727; font-size: 15px; font-weight: 600; line-height: 1.35; min-height: 38px; display: flex; align-items: center; justify-content: center; margin: 0 0 9px; } .sbs-shop-link { display: inline-block; border: 1px solid rgba(128,0,0,.4); border-radius: 30px; padding: 7px 14px; color: #800000; font-size: 10px; line-height: 1; text-decoration: none; } /* TABLET */ @media screen and (max-width: 900px) { .sbs-shop-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 8px; } .sbs-shop-card { min-height: 165px; padding: 12px 5px; } .sbs-shop-icon { width: 62px; height: 62px; } .sbs-shop-name { font-size: 13px; } } /* MOBILE: ALWAYS TWO COLUMNS */ @media screen and (max-width: 767px) { .sbs-shop { padding: 28px 10px !important; width: 100% !important; } .sbs-shop-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; } .sbs-shop-card { display: flex !important; width: 100% !important; min-width: 0 !important; min-height: 165px; padding: 12px 5px !important; border-radius: 8px; } .sbs-shop-icon { width: 64px; height: 64px; margin-bottom: 9px; } .sbs-shop-icon svg { width: 35px; height: 35px; } .sbs-shop-name { font-size: 13px; min-height: 34px; margin-bottom: 8px; } .sbs-shop-link { font-size: 9px; padding: 7px 12px; } .sbs-shop-header h2 { font-size: 29px; } } /* SMALL PHONES */ @media screen and (max-width: 380px) { .sbs-shop-grid { gap: 7px !important; } .sbs-shop-card { min-height: 150px; padding: 10px 3px !important; } .sbs-shop-icon { width: 55px; height: 55px; } .sbs-shop-name { font-size: 12px; } }

DISCOVER YOUR BEAUTY

Shop by Category

Find your favourites and create your perfect skincare ritual.

Cleansers Shop Now ↗

Serums Shop Now ↗

Moisturisers Shop Now ↗

Sunscreen Shop Now ↗

Toners Shop Now ↗

Face Masks Shop Now ↗

Eye Care Shop Now ↗

Body Care Shop Now ↗