PageSourceSearch

https://beautifulbastard.com/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997

html beautifulbastard.com collected 2026-10-02 22:35:48 UTC 93,113 bytes, 2,149 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8" />
5    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
6    <meta content="width=device-width,initial-scale=1" name="viewport" />
7    <link rel="canonical" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" />
8
9    <title>About | Beautiful Bastard</title>
10
11    
12<meta name="description" content="WEAR YOUR FEELINGS. Be a Bastard. 🖤
13Apparel & Lifestyle based in Los Angeles, CA. " />
14<meta property="og:site_name" content="Beautiful Bastard" />
15<meta property="og:url" content="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" />
16<meta property="og:description" content="WEAR YOUR FEELINGS. Be a Bastard. 🖤
17Apparel & Lifestyle based in Los Angeles, CA. " />
18
19
20
21
22
23<meta property="og:title" content="About | Beautiful Bastard" />
24<meta property="og:type" content="website" />
25
26
27  <meta property="og:image" content="https://imgproxy.fourthwall.dev/rI0b14gbLPpw0yCdMVzL6IML2-ysT8lAE9oLb05aiXY/w:1200/sm:1/enc/zDOB5lyHRXSJQoRE/cwuF4kthIPxUJRDc/UDeeL2t56C1-ykII/8PzwNb45T2M-cQ6O/XZ13iB9vyVIfaX-H/BaElxJYSE1VsQGxP/-tohGa17RIwVbg_a/l5AQh_GPeC5mX1NW/evnvULX3UWvg285e/-eWGxYcibxCWtNnx/MOW_ILd9o92x5Wit/_jJpQ4_JmL5GuQz4/gTr-Ptwt9SXyPlcs/T9Ts9-u9_5l9kgGN/w8PimCExDLy42-lA/y_dD9cHELtZVZeEz.webp" />
28  <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/rI0b14gbLPpw0yCdMVzL6IML2-ysT8lAE9oLb05aiXY/w:1200/sm:1/enc/zDOB5lyHRXSJQoRE/cwuF4kthIPxUJRDc/UDeeL2t56C1-ykII/8PzwNb45T2M-cQ6O/XZ13iB9vyVIfaX-H/BaElxJYSE1VsQGxP/-tohGa17RIwVbg_a/l5AQh_GPeC5mX1NW/evnvULX3UWvg285e/-eWGxYcibxCWtNnx/MOW_ILd9o92x5Wit/_jJpQ4_JmL5GuQz4/gTr-Ptwt9SXyPlcs/T9Ts9-u9_5l9kgGN/w8PimCExDLy42-lA/y_dD9cHELtZVZeEz.webp" />
29  <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/rI0b14gbLPpw0yCdMVzL6IML2-ysT8lAE9oLb05aiXY/w:1200/sm:1/enc/zDOB5lyHRXSJQoRE/cwuF4kthIPxUJRDc/UDeeL2t56C1-ykII/8PzwNb45T2M-cQ6O/XZ13iB9vyVIfaX-H/BaElxJYSE1VsQGxP/-tohGa17RIwVbg_a/l5AQh_GPeC5mX1NW/evnvULX3UWvg285e/-eWGxYcibxCWtNnx/MOW_ILd9o92x5Wit/_jJpQ4_JmL5GuQz4/gTr-Ptwt9SXyPlcs/T9Ts9-u9_5l9kgGN/w8PimCExDLy42-lA/y_dD9cHELtZVZeEz.webp" />
30
31<meta name="twitter:card" content="summary_large_image" />
32<meta name="twitter:title" content="About | Beautiful Bastard" />
33<meta name="twitter:description" content="WEAR YOUR FEELINGS. Be a Bastard. 🖤
34Apparel & Lifestyle based in Los Angeles, CA. " />
35
36    
37    <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/YOHLZ3mkx3M6s2kaA_13fY2d9HjWIzUjO6aSZ4fnpxw/s:96:96/sm:1/enc/EN6Vc_YF0FmGCmYG/o7fjWj836UlGGLVa/s5m76KAZLQeOctNT/1FBuiNAaqrW7cIse/OrJSuRT4UWAwNYOP/5hfW3V-li0Eh7jnA/OzvwJVeGbD7OAIdC/UJx7M_crap8JVxgc/KKfl2N9nDtuPzZOh/S5PM9bA3UrsdOAzM/-DINMlOVgDA0Vff0/6gnEpmrEjJbccMbp/qtha-HPkTpLxFIO_/EczfomqpwfXeSim4/YXKaQ9vISq8v_iGa/JUvhhmcNxm-XaD-F.webp" sizes="96x96" type="image/png" />
38<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/_-Gmd29bQn1ndc5kEYedRWX0TucLE960dzd9qVdFsAM/s:48:48/sm:1/enc/EN6Vc_YF0FmGCmYG/o7fjWj836UlGGLVa/s5m76KAZLQeOctNT/1FBuiNAaqrW7cIse/OrJSuRT4UWAwNYOP/5hfW3V-li0Eh7jnA/OzvwJVeGbD7OAIdC/UJx7M_crap8JVxgc/KKfl2N9nDtuPzZOh/S5PM9bA3UrsdOAzM/-DINMlOVgDA0Vff0/6gnEpmrEjJbccMbp/qtha-HPkTpLxFIO_/EczfomqpwfXeSim4/YXKaQ9vISq8v_iGa/JUvhhmcNxm-XaD-F.webp" sizes="48x48" type="image/png" />
39
40
41  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/_erof1bFf0wnbbr8Zpr_E9oOUJvkyp2k80mdfCsSQR0/s:180:180/sm:1/enc/EN6Vc_YF0FmGCmYG/o7fjWj836UlGGLVa/s5m76KAZLQeOctNT/1FBuiNAaqrW7cIse/OrJSuRT4UWAwNYOP/5hfW3V-li0Eh7jnA/OzvwJVeGbD7OAIdC/UJx7M_crap8JVxgc/KKfl2N9nDtuPzZOh/S5PM9bA3UrsdOAzM/-DINMlOVgDA0Vff0/6gnEpmrEjJbccMbp/qtha-HPkTpLxFIO_/EczfomqpwfXeSim4/YXKaQ9vISq8v_iGa/JUvhhmcNxm-XaD-F.webp" sizes="180x180" type="image/png" />
42
43
44<meta content="#ffffff" name="msapplication-TileColor" />
45<meta content="1.0.0" name="version" />
46
47
48    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes-library/assets/59e2151b-904a-413a-b78f-75659c7081b8/assets/vendor.css?v=b7fdac61a90ad1e625b76fc6f1342182af70842cac88754be5a33627c4de548e" media="all" integrity="sha256-t/2sYakK0eYlt2/G8TQhgq9whCysiHVL5aM2J8TeVI4=" crossorigin="anonymous" />
49
50    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/b9c8164a-28ac-4fe9-b6a5-e635455d0f19/assets/styles/css-variables.scss.css?v=c34338bc433c90ba10cf5b16a24f8e6482501627ce3e55f2991264159b1e4f8b" media="all" integrity="sha256-w0M4vEM8kLoQz1sWok+OZIJQFifOPlXymRJkFZseT4s=" crossorigin="anonymous" />
51    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/b9c8164a-28ac-4fe9-b6a5-e635455d0f19/assets/styles/theme.scss.css?v=fe8b6d0bf8931f8e6340af56a7cbfc7b9168eeefbcefe65da538e0d51a03901f" media="all" integrity="sha256-/ottC/iTH45jQK9Wp8v8e5Fo7u+87+ZdpTjg1
51RoDkB8=" crossorigin="anonymous" />
52    
53    <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin>
54<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
55<script src="/en-usd/platform/geo/redirect.js"></script>
vendor: 1 bytes, line 55
55
56<script src="https://js.stripe.com/v3/" async></script>
56
57<link rel="alternate" href="https://beautifulbastard.com/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="x-default" />
58<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AQ" />
59<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AS" />
60<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BQ" />
61<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-EC" />
62<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FM" />
63<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GU" />
64<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IO" />
65<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MH" />
66<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MP" />
67<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PR" />
68<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PW" />
69<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SV" />
70<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TC" />
71<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-UM" />
72<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-US" />
73<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-VG" />
74<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-VI" />
75<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-ZW" />
76<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AD" />
77<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AT" />
78<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AX" />
79<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BE" />
80<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BG" />
81<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BL" />
82<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CY" />
83<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-DE" />
84<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-EE" />
85<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-ES" />
86<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FI" />
87<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FR" />
88<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GF" />
89<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GP" />
90<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GR" />
91<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-HR" />
92<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IE" />
93<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IT" />
94<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LT" />
95<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LU" />
96<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LV" />
97<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MC" />
98<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-ME" />
99<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MF" />
100<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MQ" />
101<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MT" />
102<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NL" />
103<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PM" />
104<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PT" />
105<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-RE" />
106<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SI" />
107<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SK" />
108<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SM" />
109<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TF" />
110<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-VA" />
111<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-YT" />
112<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-XK" />
113<link rel="alternate" href="https://beautifulbastard.com/en-cad/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CA" />
114<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GB" />
115<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GG" />
116<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GS" />
117<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IM" />
118<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-JE" />
119<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AU" />
120<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CC" />
121<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CX" />
122<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-HM" />
123<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-KI" />
124<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NF" />
125<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NR" />
126<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TV" />
127<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CK" />
128<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NU" />
129<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NZ" />
130<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PN" />
131<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TK" />
132<link rel="alternate" href="https://beautifulbastard.com/en-sek/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SE" />
133<link rel="alternate" href="https://beautifulbastard.com/en-nok/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BV" />
134<link rel="alternate" href="https://beautifulbastard.com/en-nok/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NO" />
135<link rel="alternate" href="https://beautifulbastard.com/en-nok/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SJ" />
136<link rel="alternate" href="https://beautifulbastard.com/en-dkk/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-DK" />
137<link rel="alternate" href="https://beautifulbastard.com/en-dkk/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FO" />
138<link rel="alternate" href="https://beautifulbastard.com/en-dkk/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GL" />
139<link rel="alternate" href="https://beautifulbastard.com/en-pln/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PL" />
140<link rel="alternate" href="https://beautifulbastard.com/en-inr/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IN" />
141<link rel="alternate" href="https://beautifulbastard.com/en-jpy/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-JP" />
142<link rel="alternate" href="https://beautifulbastard.com/en-myr/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MY" />
143<link rel="alternate" href="https://beautifulbastard.com/en-sgd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SG" />
144<link rel="alternate" href="https://beautifulbastard.com/en-mxn/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MX" />
145<link rel="alternate" href="https://beautifulbastard.com/en-brl/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BR" />
146<link rel="alternate" href="https://beautifulbastard.com/en-chf/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CH" />
147<link rel="alternate" href="https://beautifulbastard.com/en-chf/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LI" />
vendor: 68 bytes, lines 147-148
147
148<script src="https://www.google.com/recaptcha/enterprise.js?render=
1486LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt
vendor: 18 bytes, line 148
148" async></script>
149<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
149
150<style>
151  .grecaptcha-badge { display: none !important; }
152</style>
153<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
vendor: 1 bytes, line 153
153
154<script>
155  window.shopName = 'Beautiful Bastard';
156  window.shopId = 'sh_a770864c-ac52-45bc-9e66-4314ef3ef294';
157  window.cookie_policy = 'ShowInEu';
158</script>
158
159<!-- Google Tag Manager -->
160<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
161new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
162j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
163'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
164})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
164
165<!-- End Google Tag Manager -->
166<script>window.creatorGa4Id = 'G-T95X2FEVE9'; window.creatorFbPixelId = '220227113810388'; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = 'Qpe36t'; window.useServerAnalytics = true;</script>
vendor: 1 bytes, line 166
166
167<script>
168  (function () {
169    function setCookie(name, value, days) {
170      if (typeof days === 'undefined') days = 90;
171      var expires = new Date(Date.now() + days * 86400000).toUTCString();
172      document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/';
173    }
174  
175    function getCookie(name) {
176      var cookies = document.cookie.split('; ');
177      for (var i = 0; i < cookies.length; i++) {
178        if (cookies[i].indexOf(name + '=') === 0) {
179          return cookies[i].split('=')[1];
180        }
181      }
182      return null;
183    }
184  
185    function handleTrackingParams() {
186      var params = window.location.search.substring(1).split('&');
187      var paramMap = {};
188  
189      for (var i = 0; i < params.length; i++) {
190        var kv = params[i].split('=');
191        if (kv.length === 2) {
192          paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]);
193        }
194      }
195  
196      if (!getCookie('_fbp')) {
197        var randomPart = Math.floor(Math.random() * 10000000000);
198        var fbp = 'fb.1.' + Date.now() + '.' + randomPart;
199        setCookie('_fbp', fbp);
200      }
201  
202      for (var key in paramMap) {
203        if (paramMap.hasOwnProperty(key)) {
204          var value = paramMap[key];
205          var isUTM = key.indexOf('utm_') === 0;
206          
207          if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') {
208            continue;
209          }
210  
211          if (isUTM || key === 'gclid' || key === 'fbclid') {
212            setCookie(key, value);
213          }
214  
215          if (key === 'fbclid' && !getCookie('_fbc')) {
216            var fbc = 'fb.1.' + Date.now() + '.' + value;
217            setCookie('_fbc', fbc);
218          }
219        }
220      }
221    }
222  
223    handleTrackingParams();
224  })();
225</script>
vendor: 1 bytes, line 225
225
226<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.dev/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
226
227<link rel="manifest" href="/manifest.json" />
228<meta name='theme-color' content='#e6e6e6' />
229<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/b9c8164a-28ac-4fe9-b6a5-e635455d0f19/assets/styles/custom_sections.css?v=fe834788accbb36a0c73df22cf4465e5d137000189d04e7b63095355dc41da4c" media="all">
230<script src="https://echo-brain.com/b4c5b5636170406fb08638178aee75e3/reviews.js?service=fourthwall" async></script>
230
231<style>
232.collection {
233    overflow: visible;
234}
235.footer {
236    z-index: 1;
237}
238.input-field--invert {
239    border: 0;
240}
241/* Hide badges globally
242.badge.badge--PROMOTION, .product-info__promotion-description, .image__badges {
243  display: none;
244}
245 */
246</style>
247<style>
248  /*Size chart styles*/
249  .hidden {
250    display: none !important;
251  }
252  .size-chart-modal {
253    position: fixed;
254    inset: 0;
255    z-index: 10;
256    display: flex;
257    align-items: center;
258    justify-content: center;
259    margin-top: 0;
260  }
261  .size-chart-overlay {
262    position: absolute;
263    inset: 0;
264    background: rgba(var(--color-background-rgb), 0.7);
265    top: -10px;
266  }
267  .size-chart-content {
268    position: relative;
269    max-width: 900px;
270    width: 90%;
271    max-height: calc(100vh - 96px);
272    overflow: auto;
273    background: var(--color-background);
274    color: var(--color-on-background);
275    padding: 20px 20px 40px;
276    border-radius: 8px;
277    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
278  }
279  .size-chart-close {
280    position: absolute;
281    top: 5px;
282    right: 15px;
283    font-size: 28px;
284    background: none;
285    border: none;
286    color: var(--color-on-background);
287    cursor: pointer;
288    opacity: 0.5;
289    transition: opacity 0.2s ease;
290  }
291  .size-chart-close:hover {
292    opacity: 1;
293  }
294  .size-chart-trigger {
295    text-decoration: underline;
296    text-underline-offset: 3px;
297    color: var(--color-on-background);
298    font-weight: var(--font-weight-base-bold);
299    font-size: 0.875rem;
300    padding-left: 6px;
301  }
302  .size-chart-header {
303    display: flex;
304    justify-content: space-between;
305    align-items: flex-end;
306    gap: 16px;
307    margin-bottom: 20px;
308  }
309  .size-chart-heading {
310    margin: 0;
311    font-size: 1rem;
312    font-weight: 600;
313  }
314  .size-chart-unit-toggle {
315    display: flex;
316    gap: 4px;
317    margin-left: auto;
318  }
319  .size-chart-unit-btn {
320    background: rgba(var(--color-on-background-rgb), 0.05);
321    border-radius: 100px;
322    display: flex;
323    align-items: center;
324    color: rgba(var(--color-on-background-rgb), 0.6);
325    padding: 4px 12px;
326    font-size: 0.875rem;
327    line-height: 21px;
328    cursor: pointer;
329    white-space: nowrap;
330    user-select: none;
331    transition: background 0.2s ease, color 0.2s ease;
332  }
333  .size-chart-unit-btn:hover {
334    background: rgba(var(--color-on-background-rgb), 0.1);
335    color: var(--color-on-background);
336  }
337  .size-chart-unit-btn.active {
338    background: var(--color-primary);
339    color: var(--color-on-primary);
340  }
341  .size-chart-inner {
342    display: flex;
343    gap: 30px;
344    align-items: flex-start;
345  }
346  .size-chart-image {
347    border: 1px solid rgba(var(--color-on-background-rgb), 0.1);
348    padding: 5px;
349  }
350  .size-chart-image img {
351    max-width: 100%;
352    height: auto;
353  }
354  @media (min-width: 640px) {
355    .size-chart-image img {
356      max-width: 390px;
357    }
358    .size-chart-content {
359      padding: 40px 30px 30px;
360    }
361  }
362  @media (max-width: 768px) {
363    .size-chart-inner {
364      flex-direction: column;
365    }
366  }
367  .size-chart-table {
368    flex: 1;
369    min-width: 300px;
370  }
371  .size-chart-table-info {
372    margin-top: 12px;
373  }
374  .size-chart-table-info .size-note {
375    font-size: 13px;
376  }
377  .size-chart-table table {
378    width: 100%;
379    border-collapse: collapse;
380    font-size: 14px;
381    border: 1px solid rgba(var(--color-on-background-rgb), 0.1);
382  }
383  .size-chart-table thead th {
384    text-align: left;
385    font-weight: 600;
386    letter-spacing: 0.5px;
387    padding: 14px 20px;
388    border-bottom: 1px solid rgba(var(--color-on-background-rgb), 0.1);
389    font-size: 12px;
390    color: rgba(var(--color-on-background-rgb), 0.6);
391    user-select: none;
392  }
393  .size-chart-table tbody td {
394    padding: 14px 20px;
395    border-bottom: 1px solid rgba(var(--color-on-background-rgb), 0.1);
396    color: var(--color-on-background);
397  }
398  .size-chart-table tbody tr:nth-child(odd) {
399    background: rgba(var(--color-on-background-rgb), 0.05);
400  }
401  .size-chart-table tbody td:first-child {
402    font-weight: 600;
403  }
404  .size-chart-table th:not(:first-child),
405  .size-chart-table td:not(:first-child) {
406    text-align: center;
407  }
408  .size-chart-value-fraction sup,
409  .size-chart-value-fraction sub {
410    font-size: 70%;
411    line-height: 0;
412    position: relative;
413    vertical-align: baseline;
414  }
415  .size-chart-value-fraction sup {
416    top: -0.45em;
417  }
418  .size-chart-value-fraction sub {
419    bottom: -0.1em;
420  }
421  .size-chart-value-slash {
422    font-size: 80%;
423  }
424  .size-chart-text {
425    margin-top: 24px;
426    text-align: center;
427  }
428  .size-note {
429    margin: 0;
430    font-size: 14px;
431    color: rgba(var(--color-on-background-rgb), 0.6);
432  }
433  .size-note-heading {
434    margin-top: 16px;
435  }
436  .product-option__name-container {
437    display: flex;
438    align-items: center;
439  }
440  .product-option__size-chart-container {
441    margin-bottom: 12px;
442    line-height: 21px;
443  }
444  body:has(#sizeChartModal:not(.hidden)) .product {
445    z-index: 10;
446  }
447</style>
448<script>
449  document.addEventListener('DOMContentLoaded', function () {
450    var modal = document.getElementById('sizeChartModal')
451    function openModal() {
452      if (!modal) return
453      modal.classList.remove('hidden')
454      document.body.style.overflow = 'hidden'
455    }
456    function closeModal() {
457      if (!modal) return
458      modal.classList.add('hidden')
459      document.body.style.overflow = ''
460    }
461    document.addEventListener('click', function (e) {
462      var trigger = e.target.closest('.size-chart-trigger')
463      var content = e.target.closest('.size-chart-content')
464      var isCloseBtn = e.target.closest('.size-chart-close')
465      if (trigger) {
466        e.preventDefault()
467        openModal()
468        return
469      }
470      if (isCloseBtn) {
471        closeModal()
472        return
473      }
474      if (modal && !modal.classList.contains('hidden') && !content) {
475        closeModal()
476      }
477    })
478    document.addEventListener('keydown', function (e) {
479      if (e.key === 'Escape') closeModal()
480    })
481    var sizeGuides = document.querySelectorAll('[data-size="size-guide"]')
482    sizeGuides.forEach(function (sizeGuide) {
483      var inchesBtn = sizeGuide.querySelector('[data-size="inches-button"]')
484      var cmBtn = sizeGuide.querySelector('[data-size="cm-button"]')
485      var rows = sizeGuide.querySelectorAll('[data-size-guide]')
486      function formatSingleValue(numValue, unit) {
487        if (unit === 'in') {
488          var integerPart = Math.floor(numValue)
489          var decimalPart = numValue - integerPart
490          if (decimalPart === 0.5) {
491            return '<span class="size-chart-value-fraction">' + integerPart + '&nbsp;<sup>1</sup><span class="size-chart-value-slash">/</span><sub>2</sub></span>'
492          } else {
493            return '<span class="size-chart-value-integer">' + (numValue % 1 === 0 ? numValue : numValue.toFixed(1)) + '</span>'
494          }
495        } else {
496          return '<span class="size-chart-value-integer">' + (numValue % 1 === 0 ? numValue : numValue.toFixed(1)) + '</span>'
497        }
498      }
499      function updateCell(cell, value, unit) {
500        var parts = String(value).split('-')
501        if (parts.length === 2 && parts[0] !== '') {
502          var html = formatSingleValue(parseFloat(parts[0]), unit) + '<span>-</span>' + formatSingleValue(parseFloat(parts[1]), unit)
503          cell.innerHTML = html
504        } else {
505          cell.innerHTML = formatSingleValue(parseFloat(value), unit)
506        }
507      }
508      function updateTable(unit) {
509        rows.forEach(function (row) {
510          row.querySelectorAll('[data-size-type]').forEach(function (cell) {
511            var value = cell.dataset[unit]
512            if (value) updateCell(cell, value, unit)
513          })
514        })
515      }
516      function switchUnit(unit) {
517        updateTable(unit)
518        inchesBtn.classList.toggle('active', unit === 'in')
519        cmBtn.classList.toggle('active', unit === 'cm')
520      }
521      inchesBtn.addEventListener('click', function () { switchUnit('in') })
522      cmBtn.addEventListener('click', function () { switchUnit('cm') })
523      switchUnit('in')
524    })
525  })
526</script>
vendor: 1 bytes, line 526
526
527<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Beautiful Bastard","description":"WEAR YOUR FEELINGS. Be a Bastard. 🖤\nApparel \u0026 Lifestyle based in Los Angeles, CA. ","url":"https://beautifulbastard.com","sameAs":["https://instagram.com/shopbeautifulbastard","https://twitch.tv/defrancolive"]}</script>
vendor: 1 bytes, line 527
527
528<script type="module">
529  function iframeReady(section, iframe, url, appId, settings) {
530    const baseIframeUrl = url;
531  
532    function buildUrl(url, params) {
533      if (!params) return url;
534      var qs = Object.keys(params)
535        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
536        .join('&');
537      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
538    }
539  
540    const params = {
541      hmac: window.appHmac[appId],
542      timestamp: window.hmacTimestamp,
543      tier_id: window.tierId,
544      supporter_id: window.supporterId,
545      shop_id: window.shopId,
546    };
547  
548    iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null);
549    iframe.onload = null
550  
551    // Extract origin from URL for security checking
552    let expectedOrigin;
553    try {
554      expectedOrigin = new URL(url).origin;
555    } catch (e) {
556      console.warn('Could not parse URL origin:', url);
557    }
558  
559    // Listen for messages specifically from this iframe
560    const messageHandler = (event) => {
561      // Check if the message is from this specific iframe
562      if (event.source !== iframe.contentWindow) {
563        return; // Ignore messages from other iframes/windows
564      }
565  
566      // Optional: Also verify the origin for security
567      if (expectedOrigin && event.origin !== expectedOrigin) {
568        console.warn('Message received from unexpected origin:', event.origin);
569        return;
570      }
571      
572      if (event.data.type === 'RESIZE') {
573        iframe.style.height = event.data.data.height + 'px';
574      } else if (event.data.type === 'CLOSE') {
575        section.style.height = '0px';
576      }
577    };
578  
579    window.addEventListener('message', messageHandler);
580    
581    // Store the handler for cleanup (optional)
582    iframe._messageHandler = messageHandler;
583  }
584  
585  class Hmac extends HTMLElement {
586    constructor() {
587      super()
588      this.section = this.parentElement.parentElement;
589      this.iframe = this.querySelector('iframe')
590      this.url = this.getAttribute('url')
591      this.appId = this.getAttribute('app_id')
592      this.settings = this.getAttribute('settings')
593    }
594  
595    connectedCallback() {
596      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
597        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
598      } else {
599        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
600      }
601    }
602  
603    disconnectedCallback() {
604      if (this.iframe && this.iframe._messageHandler) {
605        window.removeEventListener('message', this.iframe._messageHandler);
606        delete this.iframe._messageHandler;
607      }
608    }
609  }
610  
611  customElements.define('app-hmac-component', Hmac)
612</script>
612
613
614  </head>
615
616  
617  
618
619  
620
621  <body class="body page "  >
622 <!-- Google Tag Manager (noscript) -->
623<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
624height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
625<!-- End Google Tag Manager (noscript) -->
626
627    <div class="page">
628      <header class="page__header" data-page-header>
629        <div id="fw-section-announcement-bar-4ab45f67-a648-48ba-a03b-e3b7a6c1aea2" class="fw-section"><section class="announcement-bar">
630  <div class="wrapper">
631    
632    
633    
634    
635    
636
637    
638      <div class="announcement-bar__inner">
639    
640
641    
642      <div class="announcement-bar__label">
643        FREE SHIPPING ON ORDERS OVER $100! (US ONLY)
644      </div>
645    
646
647    
648      </div>
649    
650  </div>
651</section>
652
653
654</div><div id="fw-section-header" class="fw-section"><div data-testid="main.single.section" class="header ">
655  <div class="wrapper container">
656    <div class="header__grid header--top-center header__size--sm">
657      <div class="header__mobile-menu hidden@sm">
658        <button data-drawer-trigger-primary="mobile-menu" class="header__icon">
659          <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
660  <title>Hamburger</title>
661  <path d="M0 3.75H20M0 10H20M0 16.25H20" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/>
662</svg>
663
664        </button>
665      </div>
666
667      
668
669      <div class="header__logo-container">
670        
671          <div class="header__logo">
672        
673
674        <a href="/en-usd/" class="header__logo-link">
675          
676          
677
678  <img 
679    src="https://imgproxy.fourthwall.dev/3iRJ8Jvz4OX8vrRtD_7qMt5dfJfk86ODeMcyOyz9p44/w:300/sm:1/enc/GiaAt-wDBIPPjRwc/tjRzNNz8tHTFXP6Q/Ttkbfp0-iFv9LfBL/F5P0yx1dXyK8HrrE/58M7qdy2HkN8soBj/PNKzePdbWqx_MhF6/Zg16RQwD80Qoub6G/C5PmiJ5Xk-ek1S4A/2uOa4yyVRUsFbgwn/WS_LZ6dfhlALeGD5/UGtmoXSOdrn8twI3/HcFf_T_6SB2K6IV1/KyGIwdBs6xYaUIYD/l7AnGwHXwJK5meZ4/XJwm8p1YSYZlrDtx/Kn16ddrCo7AZ0q6e.webp"
680    srcset="https://imgproxy.fourthwall.dev/3iRJ8Jvz4OX8vrRtD_7qMt5dfJfk86ODeMcyOyz9p44/w:300/sm:1/enc/GiaAt-wDBIPPjRwc/tjRzNNz8tHTFXP6Q/Ttkbfp0-iFv9LfBL/F5P0yx1dXyK8HrrE/58M7qdy2HkN8soBj/PNKzePdbWqx_MhF6/Zg16RQwD80Qoub6G/C5PmiJ5Xk-ek1S4A/2uOa4yyVRUsFbgwn/WS_LZ6dfhlALeGD5/UGtmoXSOdrn8twI3/HcFf_T_6SB2K6IV1/KyGIwdBs6xYaUIYD/l7AnGwHXwJK5meZ4/XJwm8p1YSYZlrDtx/Kn16ddrCo7AZ0q6e.webp 1x, https://imgproxy.fourthwall.dev/5mlT6tcL1YrSkqBtyZBkJ1jNdND3Zv1KjMo1K6rCFCg/w:300/dpr:2/sm:1/enc/GiaAt-wDBIPPjRwc/tjRzNNz8tHTFXP6Q/Ttkbfp0-iFv9LfBL/F5P0yx1dXyK8HrrE/58M7qdy2HkN8soBj/PNKzePdbWqx_MhF6/Zg16RQwD80Qoub6G/C5PmiJ5Xk-ek1S4A/2uOa4yyVRUsFbgwn/WS_LZ6dfhlALeGD5/UGtmoXSOdrn8twI3/HcFf_T_6SB2K6IV1/KyGIwdBs6xYaUIYD/l7AnGwHXwJK5meZ4/XJwm8p1YSYZlrDtx/Kn16ddrCo7AZ0q6e.webp 2x"
681    alt="Beautiful Bastard"
682    class="header__logo-image header__logo-image--sm"
683    itemprop="logo"
684  >
685
686
687        </a>
688
689        
690          </div>
691        
692      </div>
693
694      
695        <div class="header__nav-container visible@sm">
696          <nav class="header__nav">
697            <ul class="header__list list--horizontal">
698              
699  <li class="header__list-item">
700    <a
701      href="/en-usd/collections/core-tees"
702      class="header__link"
703    >
704      Core
705
706      
707    </a>
708
709    
710  </li>
711
712  <li class="header__list-item">
713    <a
714      href="/en-usd/collections/crashing-out"
715      class="header__link"
716    >
717      Crashing Out
718
719      
720    </a>
721
722    
723  </li>
724
725            </ul>
726          </nav>
727        </div>
728      
729
730      <div class="header__icons">
731        <ul class="header__list list list--horizontal">
732          
733
734          
735
736          
737            <li class="header__list-item visible@sm">
738              <a class="header__link header__link--icon" tabindex="0">
739                USD
740
741                
742                  <span class="header__link-icon">
743                    <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
744  <title>Chevron Bottom</title>
745  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
746</svg>
747
748                  </span>
749                
750              </a>
751
752              
753                <div class="header__dropdown header__dropdown--content">
754                  <ul class="header__dropdown-inner">
755                    
756                      <li class="header__dropdown-item">
757                        <a class="header__dropdown-link" href="/localization?currency=USD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
758                          USD
759                        </a>
760                      </li>
761                    
762                      <li class="header__dropdown-item">
763                        <a class="header__dropdown-link" href="/localization?currency=EUR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
764                          EUR
765                        </a>
766                      </li>
767                    
768                      <li class="header__dropdown-item">
769                        <a class="header__dropdown-link" href="/localization?currency=CAD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
770                          CAD
771                        </a>
772                      </li>
773                    
774                      <li class="header__dropdown-item">
775                        <a class="header__dropdown-link" href="/localization?currency=GBP&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
776                          GBP
777                        </a>
778                      </li>
779                    
780                      <li class="header__dropdown-item">
781                        <a class="header__dropdown-link" href="/localization?currency=AUD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
782                          AUD
783                        </a>
784                      </li>
785                    
786                      <li class="header__dropdown-item">
787                        <a class="header__dropdown-link" href="/localization?currency=NZD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
788                          NZD
789                        </a>
790                      </li>
791                    
792                      <li class="header__dropdown-item">
793                        <a class="header__dropdown-link" href="/localization?currency=SEK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
794                          SEK
795                        </a>
796                      </li>
797                    
798                      <li class="header__dropdown-item">
799                        <a class="header__dropdown-link" href="/localization?currency=NOK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
800                          NOK
801                        </a>
802                      </li>
803                    
804                      <li class="header__dropdown-item">
805                        <a class="header__dropdown-link" href="/localization?currency=DKK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
806                          DKK
807                        </a>
808                      </li>
809                    
810                      <li class="header__dropdown-item">
811                        <a class="header__dropdown-link" href="/localization?currency=PLN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
812                          PLN
813                        </a>
814                      </li>
815                    
816                      <li class="header__dropdown-item">
817                        <a class="header__dropdown-link" href="/localization?currency=INR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
818                          INR
819                        </a>
820                      </li>
821                    
822                      <li class="header__dropdown-item">
823                        <a class="header__dropdown-link" href="/localization?currency=JPY&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
824                          JPY
825                        </a>
826                      </li>
827                    
828                      <li class="header__dropdown-item">
829                        <a class="header__dropdown-link" href="/localization?currency=MYR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
830                          MYR
831                        </a>
832                      </li>
833                    
834                      <li class="header__dropdown-item">
835                        <a class="header__dropdown-link" href="/localization?currency=SGD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
836                          SGD
837                        </a>
838                      </li>
839                    
840                      <li class="header__dropdown-item">
841                        <a class="header__dropdown-link" href="/localization?currency=MXN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
842                          MXN
843                        </a>
844                      </li>
845                    
846                      <li class="header__dropdown-item">
847                        <a class="header__dropdown-link" href="/localization?currency=BRL&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
848                          BRL
849                        </a>
850                      </li>
851                    
852                      <li class="header__dropdown-item">
853                        <a class="header__dropdown-link" href="/localization?currency=CHF&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
854                          CHF
855                        </a>
856                      </li>
857                    
858                  </ul>
859                </div>
860              
861            </li>
862          
863
864          
865
866          
867            <div class="product-search" data-collection-products="product-search">
868  <div class="product-search__inner">
869    <div class="product-search__open">
870      <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
871  <title>Search</title>
872  <path d="M14.072 12.84l4.802 4.803a1 1 0 1 1-1.414 1.414l-4.802-4.802a7.462 7.462 0 1 1 1.414-1.414zm-3.8.504A5.462 5.462 0 1 0 5.998 3.291a5.462 5.462 0 0 0 4.272 10.053z" fill-rule="nonzero"/>
873</svg>
874
875    </div>
876
877    <div class="product-search__content product-search__content--hidden">
878      <div class="container container--6">
879        <form class="product-search__form">
880          <div class="product-search__container">
881            <span class="product-search__icon"><svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
882  <title>Search</title>
883  <path d="M14.072 12.84l4.802 4.803a1 1 0 1 1-1.414 1.414l-4.802-4.802a7.462 7.462 0 1 1 1.414-1.414zm-3.8.504A5.462 5.462 0 1 0 5.998 3.291a5.462 5.462 0 0 0 4.272 10.053z" fill-rule="nonzero"/>
884</svg>
885</span>
886            <input
887              class="product-search__input"
888              type="text"
889              name="search"
890              placeholder="Hoodie"
891            >
892          </div>
893          <button type="button" class="product-search__cancel">CANCEL</button>
894        </form>
895
896        <div class="product-search__popular">
897          <h3 class="product-search__heading">
898            <span>POPULAR SEARCHES</span>
899          </h3>
900          <ul class="product-search__popular-list">
901            <li class="product-search__popular-item">
902              <a href="/collections/all">Hoodie</a>
903            </li>
904            <li class="product-search__popular-item">
905              <a href="/collections/all">Tee</a>
906            </li>
907            <li class="product-search__popular-item">
908              <a href="/collections/all">Mug</a>
909            </li>
910            <li class="product-search__popular-item">
911              <a href="/collections/all">Tumbler</a>
912            </li>
913            <li class="product-search__popular-item">
914              <a href="/collections/all">Tops</a>
915            </li>
916          </ul>
917        </div>
918      </div>
919
920      <div class="product-search__results">
921        <div class="product-search__products"></div>
922      </div>
923    </div>
924  </div>
925</div>
926          
927
928          <li class="header__list-item">
929            <a href="/en-usd/cart" class="header__icon">
930              <div 
931  data-cart-widget="widget"
932  data-testid="cart.icon"
933  class="cart-widget cart-widget--icons empty"
934>
935  
936    <span data-cart-widget="quantity" class="cart-widget__items"></span>
937    <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
938  <title>Cart</title>
939<path fill-rule="evenodd" clip-rule="evenodd" d="M9.00563 1.5C8.31329 1.5 7.65576 1.76317 7.1761 2.22157C6.69759 2.67888 6.43546 3.29168 6.43546 3.92308V5.07692H11.5758V3.92308C11.5758 3.29168 11.3137 2.67888 10.8352 2.22157C10.3555 1.76317 9.69798 1.5 9.00563 1.5ZM13.0758 5.07692V3.92308C13.0758 2.87137 12.6383 1.86999 11.8715 1.13716C11.1059 0.405445 10.0744 0 9.00563 0C7.93685 0 6.90537 0.405444 6.13973 1.13716C5.37293 1.86999 4.93546 2.87137 4.93546 3.92308V5.07692H1.7079L0 18H18.0113L16.3034 5.07692H13.0758ZM3.0227 6.57692L1.71128 16.5H16.3L14.9886 6.57692H3.0227Z" fill="currentColor" style="fill:currentColor;fill-opacity:1;"/>
940</svg>
941
942  
943</div>
944            </a>
945          </li>
946        </ul>
947      </div>
948    </div>
949  </div>
950</div>
951
952<aside 
953  data-drawer="mobile-menu" 
954  class="drawer hidden@sm"
955>
956  <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div>
957  <div class="drawer__content drawer__content--small mobile-menu">
958    <div class="mobile-menu__section mobile-menu__section--header">
959      <a href="#" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu">
960        <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
961  <title>Close</title>
962  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
963</svg>
964
965      </a>
966    </div>
967    <div class="mobile-menu__section mobile-menu__section--body">
968      <div class="mobile-menu__nav">
969        <ul class="mobile-menu__list">
970          
971            <li class="mobile-menu__list-item">
972              
973                <a
974                  href="/en-usd/collections/core-tees"
975                  class="mobile-menu__link"
976                >
977                  Core
978                </a>
979              
980
981              
982            </li>
983          
984            <li class="mobile-menu__list-item">
985              
986                <a
987                  href="/en-usd/collections/crashing-out"
988                  class="mobile-menu__link"
989                >
990                  Crashing Out
991                </a>
992              
993
994              
995            </li>
996          
997
998          
999            <li class="mobile-menu__list-item">
1000              <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger">
1001                USD
1002
1003                
1004                  <div class="mobile-menu__link-icon">
1005                    <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1006  <title>Chevron Bottom</title>
1007  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
1008</svg>
1009
1010                  </div>
1011                
1012              </a>
1013
1014              
1015                <div class="mobile-menu__dropdown mobile-menu__dropdown--content">
1016                  <ul class="mobile-menu__dropdown-inner">
1017                    
1018                      <li class="mobile-menu__dropdown-item">
1019                        <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1020                          USD
1021                        </a>
1022                      </li>
1023                    
1024                      <li class="mobile-menu__dropdown-item">
1025                        <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1026                          EUR
1027                        </a>
1028                      </li>
1029                    
1030                      <li class="mobile-menu__dropdown-item">
1031                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1032                          CAD
1033                        </a>
1034                      </li>
1035                    
1036                      <li class="mobile-menu__dropdown-item">
1037                        <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1038                          GBP
1039                        </a>
1040                      </li>
1041                    
1042                      <li class="mobile-menu__dropdown-item">
1043                        <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1044                          AUD
1045                        </a>
1046                      </li>
1047                    
1048                      <li class="mobile-menu__dropdown-item">
1049                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1050                          NZD
1051                        </a>
1052                      </li>
1053                    
1054                      <li class="mobile-menu__dropdown-item">
1055                        <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1056                          SEK
1057                        </a>
1058                      </li>
1059                    
1060                      <li class="mobile-menu__dropdown-item">
1061                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1062                          NOK
1063                        </a>
1064                      </li>
1065                    
1066                      <li class="mobile-menu__dropdown-item">
1067                        <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1068                          DKK
1069                        </a>
1070                      </li>
1071                    
1072                      <li class="mobile-menu__dropdown-item">
1073                        <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1074                          PLN
1075                        </a>
1076                      </li>
1077                    
1078                      <li class="mobile-menu__dropdown-item">
1079                        <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1080                          INR
1081                        </a>
1082                      </li>
1083                    
1084                      <li class="mobile-menu__dropdown-item">
1085                        <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1086                          JPY
1087                        </a>
1088                      </li>
1089                    
1090                      <li class="mobile-menu__dropdown-item">
1091                        <a class="mobile-menu__dropdown-link" href="/localization?currency=MYR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1092                          MYR
1093                        </a>
1094                      </li>
1095                    
1096                      <li class="mobile-menu__dropdown-item">
1097                        <a class="mobile-menu__dropdown-link" href="/localization?currency=SGD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1098                          SGD
1099                        </a>
1100                      </li>
1101                    
1102                      <li class="mobile-menu__dropdown-item">
1103                        <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1104                          MXN
1105                        </a>
1106                      </li>
1107                    
1108                      <li class="mobile-menu__dropdown-item">
1109                        <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1110                          BRL
1111                        </a>
1112                      </li>
1113                    
1114                      <li class="mobile-menu__dropdown-item">
1115                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1116                          CHF
1117                        </a>
1118                      </li>
1119                    
1120                  </ul>
1121                </div>
1122              
1123            </li>
1124          
1125        </ul>
1126      </div>
1127    </div>
1128    <div class="mobile-menu__section mobile-menu__section--socials">
1129      <div class="mobile-menu__list-social">
1130        <ul class="mobile-menu__socials">
1131          
1132
1133
1134
1135  
1136    <li class="mobile-menu__social">
1137      <a
1138        
1139          href="https://instagram.com/shopbeautifulbastard"
1140        
1141        target="_blank"
1142        class="mobile-menu__social-link"
1143      >
1144        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1145<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
1146</svg>
1147
1148        
1149      </a>
1150    </li>
1151  
1152
1153
1154  
1155    <li class="mobile-menu__social">
1156      <a
1157        
1158          href="https://twitch.tv/defrancolive"
1159        
1160        target="_blank"
1161        class="mobile-menu__social-link"
1162      >
1163        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1164<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
1165<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
1166<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
1167</svg>
1168
1169        
1170      </a>
1171    </li>
1172  
1173
1174
1175        </ul>
1176      </div>
1177    </div>
1178  </div>
1179</aside>
1180
1181<script>
1182  const currencyData = {
1183    locale: "en-US",
1184    currency: "USD"
1185  }
1186</script>
1186
1187
1188
1189</div>
1190      </header>
1191
1192      <div class="page__main">
1193        <div class="main">
1194  <div class="main__sections" data-testid="main.sections">
1195    <div id="fw-section-rich-text-176419368057293" class="fw-section"><style>
1196  .section-fw-section-rich-text-176419368057293-padding {
1197    padding-top: 36px;
1198    padding-bottom: 36px;
1199  }
1200
1201  @media screen and (min-width: 640px) {
1202    .section-fw-section-rich-text-176419368057293-padding {
1203      padding-top: 48px;
1204      padding-bottom: 48px;
1205    }
1206  }
1207</style>
1208
1209<section 
1210  data-section-id="fw-section-rich-text-176419368057293" 
1211  data-section-type="rich-text"
1212  data-testid="main.single.section"
1213  class="rich-text rich-text--fw-section-rich-text-176419368057293 section-fw-section-rich-text-176419368057293-padding" 
1214>
1215  <div class="rich-text__inner">
1216    <div class="container container--8 wrapper">
1217      
1218        <div class="rich-text__header">
1219          <h2 class="rich-text__heading">
1220            About
1221          </h2>
1222        </div>
1223      
1224
1225      <div class="rich-text__text">
1226        <div class="html-formatter html-formatter--center">
1227          <p>Welcome to Beautiful Bastard.</p>
1228<p>Born in the heart of Los Angeles, Beautiful Bastard is all about embracing your beautifully messy self in a city that celebrates the same. Here, we’re inviting you to wear your feelings and express every side of yourself unapologetically. Let’s be real—there’s no light without shadow, and no life worth living without a bit of both. We all have an angel on one shoulder and a devil on the other, and we believe in making room for both. So why not live it all deliciously? We’re here to celebrate every piece of what makes you,<span> </span><em>you<span> </span></em>—to live with freedom, fire, and a lot less holding back. <br><br>Our clothing is built to elevate your wardrobe without sacrificing quality or authenticity. Each piece is crafted from breathable cotton blends, designed to keep you comfortable while adding an eco-conscious edge to your closet. And because everyone deserves something that feels like it was made just for them, we proudly offer sizes from Small to 5X. At Beautiful Bastard, we believe clothes should fit<span> </span><strong>you</strong>, not the other way around. These are pieces made to look good, feel good, and become as unique and personal as the person wearing them.</p>
1229<p>So, welcome. We’re thrilled you’re here.<br>You’re one of us now—forever a Beautiful Bastard.</p>
1230        </div>
1231      </div>
1232    </div>
1233  </div>
1234</section>
1235
1236
1237</div>
1238
1239    
1240  <aside data-drawer="product" class="drawer">
1241    <div data-drawer-trigger-primary="product" class="drawer__background"></div>
1242
1243    <div class="drawer__content" aria-hidden="true" tabindex="-1">
1244      <div class="drawer__content-inner">
1245        <div class="product-drawer">
1246          <div class="product-drawer__section">
1247            <div class="product-drawer__header">
1248              <div class="product-drawer__header-item product-drawer__header-item--tick">
1249                <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg">
1250  <title>Accept</title>
1251  <path d="M1 9.17l7.926 7.927L20.889 1" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/>
1252</svg>
1253
1254              </div>
1255
1256              <div class="product-drawer__header-item product-drawer__header-item--heading">
1257                <h4 class="product-drawer__heading">Added to cart</h4>
1258              </div>
1259
1260              <div class="product-drawer__header-item product-drawer__header-item--close">
1261                <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog">
1262                  <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1263  <title>Close</title>
1264  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
1265</svg>
1266
1267                </button>
1268              </div>
1269            </div>
1270          </div>
1271          
1272          <div class="product-drawer__section">
1273            <div class="product-drawer__item-info">
1274              <div class="inline-image">
1275                <div class="inline-image__image">
1276                  <div class="image image--background-color">
1277                    <div data-product-info="image-container" class="image__object"></div>
1278                  </div>
1279                </div>
1280
1281                <div class="inline-image__content">
1282                  <div data-product-info="title" class="inline-image__heading">
1283                    
1284                  </div>
1285                  <p data-product-info="price" class="inline-image__price"></p>
1286                  <p class="inline-image__quantity">
1287                    Quantity:
1288                    <span data-product-info="quantity"></span>
1289                  </p>
1290                </div>
1291              </div>
1292            </div>
1293          </div>
1294
1295          <div class="product-drawer__section">
1296            <div class="product-drawer__subtotal">
1297              <div class="product-drawer__subtotal-item">
1298                <span class="product-drawer__subtotal-label">
1299                  Cart Subtotal (<span data-product-info="cart-quantity"></span>):
1300                </span>
1301              </div>
1302
1303              <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value">
1304                <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span>
1305              </div>
1306            </div>
1307          </div>
1308
1309          <div class="product-drawer__section">
1310            <div class="product-drawer__cta">
1311              <div class="product-drawer__cta-item product-drawer__cta-item--view-cart">
1312                <a 
1313                  href="/en-usd/cart" 
1314                  class="button button--outline button--expand"
1315                >
1316                  View Cart
1317                </a>
1318              </div>
1319
1320              <div class="product-drawer__cta-item product-drawer__cta-item--checkout">
1321                <form
1322                  action="/en-usd/cart"
1323                  method="post"
1324                  novalidate
1325                  class="product-drawer__checkout-form"
1326                >
1327                  <button
1328                    type="submit"
1329                    name="checkout"
1330                    class="button button--primary button--expand"
1331                  >
1332                    Checkout
1333                  </button>
1334                </form>
1335              </div>
1336            </div>
1337          </div>
1338          
1339          <product-recommendations-drawer product-id="" class="product-drawer__section" />
1340
1341        </div>
1342      </div>
1343    </div>
1344  </aside>
1345
1346  </div>
1347</div>
1348
1349      </div>
1350
1351      <footer class="page__footer">
1352        <div id="fw-section-footer" class="fw-section"><style>
1353  .section-fw-section-footer-padding {
1354    padding-top: 52px;
1355    padding-bottom: 15px;
1356  }
1357
1358  @media screen and (min-width: 640px) {
1359    .section-fw-section-footer-padding {
1360      padding-top: 69px;
1361      padding-bottom: 20px;
1362    }
1363  }
1364</style>
1365
1366
1367
1368
1369<div data-testid="main.single.section" class="footer section-fw-section-footer-padding">
1370  
1371  <div class="wrapper  container">
1372    <div class="footer__inner">
1373      <div class="footer__top">
1374        <div class="grid">
1375          <div class="grid__column grid__column--12 grid__column--6@md">
1376            <div class="footer__newsletter-container">
1377              
1378                <div class="footer__newsletter-header">
1379                  <div class="footer__newsletter-image">
1380                    <img
1381                      class="footer__newsletter-picture"
1382                      src="https://imgproxy.fourthwall.dev/uLqZB_DdJqLoE5H-kRnwCfkc2MMQOPYiwJruJDqsACA/w:1400/sm:1/enc/lbuxS5Qz6dQSZodw/6aQHQwUC7Z1iNN8d/vy-Q_op_VFCsAoIp/0ap5y8tivjg8Xiza/kduH2WZIWqWS35a7/Zk_kNhEoBwcaDmMY/PUhu-ExB-shIP5fY/BfvNso8D9y2T8Hp_/DyM0rccisgs5G35P/3YZuFn3EXr6Q-FFm/zhLWuPMgXWPSsvdb/ZK9u7YqWfaqrANK5/LxKrGG47nuOhCAcq/q7ci8KgL47heAY0d/PP-QJEcj2d-jLHwq/synLbGmgkaP916rt.webp"
1383                      alt=""
1384                    />
1385                  </div>
1386                  
1387                    <h2 class="footer__newsletter-heading"> Join our mailing list</h2>
1388                  
1389                </div>
1390                <div class="newsletter-form newsletter-form--invert">
1391  <div class="form" data-newsletter="form-container">
1392  <form action="" method="post" data-turbo="false">
1393
1394      <div class="form__section">
1395        <div class="newsletter-form__input-button-container">
1396          <div class="newsletter-form__input">
1397            <div data-input="container" class="input-field input-field--base input-field--invert">
1398              <input id="newsletter-email" name="contact[email]" type="email" data-newsletter="email" data-input="input"
1399                class="input-field__input" placeholder="YOUR E-MAIL" required>
1400            </div>
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410            <div data-form-error="email" class="form__error"></div>
1411          </div>
1412
1413          <div class="newsletter-form__button">
1414            <button type="submit" data-newsletter="submit"
1415              class="button button--primary button--expand button--transparent button--narrow">
1416              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1417  <path d="M5 12H19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
1418  <path d="M12 5L19 12L12 19" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" />
1419</svg>
1420              <span class="button__spinner">
1421                <div class="spinner spinner--small"></div>
1422              </span>
1423            </button>
1424          </div>
1425        </div>
1426      </div>
1427
1428      <div class="form__response-container">
1429        <div data-form="response-success" class="form__response">
1430          <div class="alert alert--success">
1431            Thanks for subscribing!
1432          </div>
1433        </div>
1434
1435        <div data-form="response-error" class="form__response">
1436          <div class="alert alert--error">
1437            <ul data-form="response-error-content" class="alert__list">
1438            </ul>
1439          </div>
1440        </div>
1441      </div>
1442    
1443</form>
1444  </div>
1445</div>
1446              
1447            </div>
1448          </div>
1449
1450          <div class="grid__column grid__column--12 grid__column--3@md">
1451            <nav class="footer__nav">
1452              <ul class="footer__list footer__list--menu">
1453                
1454                  <li class="footer__list-item">
1455                    <a class="footer__menu-link footer__menu-link--icon" tabindex="0">
1456                      USD
1457                      
1458                        <span class="footer__link-icon">
1459                          <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1460  <title>Chevron Bottom</title>
1461  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
1462</svg>
1463
1464                        </span>
1465                      
1466                    </a>
1467                    
1468                      <div class="footer__dropdown footer__dropdown--content">
1469                        <ul class="footer__dropdown-inner">
1470                          
1471                            <li class="footer__dropdown-item">
1472                              <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1473                                USD
1474                              </a>
1475                            </li>
1476                          
1477                            <li class="footer__dropdown-item">
1478                              <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1479                                EUR
1480                              </a>
1481                            </li>
1482                          
1483                            <li class="footer__dropdown-item">
1484                              <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1485                                CAD
1486                              </a>
1487                            </li>
1488                          
1489                            <li class="footer__dropdown-item">
1490                              <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1491                                GBP
1492                              </a>
1493                            </li>
1494                          
1495                            <li class="footer__dropdown-item">
1496                              <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1497                                AUD
1498                              </a>
1499                            </li>
1500                          
1501                            <li class="footer__dropdown-item">
1502                              <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1503                                NZD
1504                              </a>
1505                            </li>
1506                          
1507                            <li class="footer__dropdown-item">
1508                              <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1509                                SEK
1510                              </a>
1511                            </li>
1512                          
1513                            <li class="footer__dropdown-item">
1514                              <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1515                                NOK
1516                              </a>
1517                            </li>
1518                          
1519                            <li class="footer__dropdown-item">
1520                              <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1521                                DKK
1522                              </a>
1523                            </li>
1524                          
1525                            <li class="footer__dropdown-item">
1526                              <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1527                                PLN
1528                              </a>
1529                            </li>
1530                          
1531                            <li class="footer__dropdown-item">
1532                              <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1533                                INR
1534                              </a>
1535                            </li>
1536                          
1537                            <li class="footer__dropdown-item">
1538                              <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1539                                JPY
1540                              </a>
1541                            </li>
1542                          
1543                            <li class="footer__dropdown-item">
1544                              <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1545                                MYR
1546                              </a>
1547                            </li>
1548                          
1549                            <li class="footer__dropdown-item">
1550                              <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1551                                SGD
1552                              </a>
1553                            </li>
1554                          
1555                            <li class="footer__dropdown-item">
1556                              <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1557                                MXN
1558                              </a>
1559                            </li>
1560                          
1561                            <li class="footer__dropdown-item">
1562                              <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1563                                BRL
1564                              </a>
1565                            </li>
1566                          
1567                            <li class="footer__dropdown-item">
1568                              <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997">
1569                                CHF
1570                              </a>
1571                            </li>
1572                          
1573                        </ul>
1574                      </div>
1575                    
1576                  </li>
1577                
1578
1579                
1580                  <li class="footer__list-item">
1581                    <a href="/en-usd/pages/privacy-policy" class="footer__menu-link">Privacy policy</a>
1582                  </li>
1583                
1584                  <li class="footer__list-item">
1585                    <a href="/en-usd/pages/returns-faq" class="footer__menu-link">Returns & FAQ</a>
1586                  </li>
1587                
1588                  <li class="footer__list-item">
1589                    <a href="/en-usd/pages/terms-of-service" class="footer__menu-link">Terms of Service</a>
1590                  </li>
1591                
1592                  <li class="footer__list-item">
1593                    <a href="/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" class="footer__menu-link">About</a>
1594                  </li>
1595                
1596                  <li class="footer__list-item">
1597                    <a href="mailto:[email protected]" class="footer__menu-link">Contact</a>
1598                  </li>
1599                
1600                  <li class="footer__list-item">
1601                    <a href="/contact" class="footer__menu-link">Contact Support</a>
1602                  </li>
1603                
1604              </ul>
1605            </nav>
1606          </div>
1607          <div class="grid__column grid__column--12 grid__column--3@md">
1608            <nav class="footer__nav">
1609              <ul class="footer__list footer__list--menu footer__list--menu-2">
1610                
1611                  
1612                      <li class="footer__list-item">
1613                        <a href="https://instagram.com/shopbeautifulbastard" class="footer__menu-link">Instagram</a>
1614                      </li>
1615                  
1616                
1617                  
1618                      <li class="footer__list-item">
1619                        <a href="https://twitch.tv/defrancolive" class="footer__menu-link">Twitch</a>
1620                      </li>
1621                  
1622                
1623                  
1624                      <li class="footer__list-item">
1625                        <a href="https://www.youtube.com/PhilipDeFranco" class="footer__menu-link">YouTube</a>
1626                      </li>
1627                  
1628                
1629              </ul>
1630            </nav>
1631          </div>
1632        </div>
1633      </div>
1634
1635      <div class="footer__bottom">
1636        <div class="grid grid--middle">
1637          <div class="grid__column grid__column--12 grid__column--6@md"></div>
1638          <div class="grid__column grid__column--6 grid__column--3@md">
1639            <ul class="footer__list footer__list--bottom">
1640              <li class="footer__list-item">
1641                <div class="footer__copy">&copy; 2026 Beautiful Bastard</div>
1642              </li>
1643            </ul>
1644          </div>
1645          <div class="grid__column grid__column--6 grid__column--3@md">
1646            <ul class="footer__list footer__list--bottom">
1647              
1648                <li class="footer__list-item">
1649                  <div class="footer__powered-by">
1650                    Powered by <a href="https://fourthwall.com/?utm_source=footer&utm_medium=fourthwall&utm_campaign=poweredby" style="padding-left: 0;" target="_blank" rel="noopener">Fourthwall</a>
1651                  </div>
1652                </li>
1653              
1654            </ul>
1655          </div>
1656        </div>
1657      </div>
1658    </div>
1659  </div>
1660</div>
1661
1662
1663</div>
1664      </footer>
1665    </div>
1666
1667    
1667<script>
1668  var fourthwallTheme = {
1669    strings: {
1670      addToCart: "Add to Cart",
1671      redeemGift: "Redeem Your Gift",
1672      viewCart: "View Cart",
1673      checkout: "Checkout",
1674      outOfStock: "Out of Stock",
1675      unavailable: "Not Available",
1676      soldOut: "Sold Out",
1677      soldOutSuffix: " - Sold Out",
1678      missingQuantityError: "Please choose the quantity.",
1679      generalError: "An error occurred. Please try refreshing the page.",
1680      item: "item",
1681      items: "items",
1682      startShopping: "Start Shopping",
1683      subtotal: "Subtotal",
1684      backToShopping: "Back to Shopping",
1685      cart: {
1686        heading: "[item_count] [item_count_label] in your cart for [total]",
1687        emptyHeading: "Your Shopping Cart is Empty",
1688        tableHeader: {
1689          item: "Item",
1690          quantity: "Quantity",
1691          price: "Price"
1692        },
1693        deleteModal: {
1694          heading: "Are you sure you want to remove [title] from your cart?",
1695          cancel: "Cancel",
1696          delete: "Delete"
1697        }
1698      },
1699      newsletter: {
1700        missingEmailError: 'Please enter your email.',
1701        invalidEmailError: 'Please enter a valid email.'
1702      },
1703      donation: {
1704        missingAmountError: 'Please select or enter the donation amount.',
1705        invalidAmountError: 'Please enter a valid donation amount.',
1706        missingNameError: 'Please enter your name.',
1707        missingMessageError: 'Please enter the message.'
1708      }
1709    },
1710    urls: {
1711      cart: "/en-usd/cart",
1712      cartItemLocalizedPrefix: "/en-usd",
1713      cartAddUrl: "/en-usd/cart/add",
1714      cartChangeUrl: "/en-usd/cart/change",
1715      productsUrlPrefix: "/en-usd/products",
1716      allProductsCollection: "/en-usd/collections/all",
1717    }
1718  };
1719</script>
1719
1720
1721
1722    
1722<script src="https://themes.fourthwall.dev/themes-library/assets/59e2151b-904a-413a-b78f-75659c7081b8/assets/theme.js?v=f7ba9e84b026a1797cc5c8f0b9e38798f4ba95c038b0bc377c866e1ab2795474" rel="preload" integrity="sha256-97qehLAmoXl8xcjwueOHmPS6lcA4sLw3fIZuGrJ5VHQ=" crossorigin="anonymous"></script>
1722
1723    
1724    
1725<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div>
1726<!--
1727 hide account icon
1728<script>  document.addEventListener("DOMContentLoaded", () => {
1729    const headerList = document.querySelector(".header__list.list.list--horizontal.list--end");
1730
1731    if (headerList) {
1732      const listItems = headerList.querySelectorAll(".header__list-item");
1733
1734      let count = 0;
1735      listItems.forEach((item) => {
1736        if (item.classList.contains("visible@sm")) {
1737          count++;
1738          if (count === 2) {
1739            item.classList.add("hidden");
1740          }
1741        }
1742      });
1743    }
1744  });
1745</script>
1745
1746-->
1747
1748<script>
1749  if (window.location.pathname.includes('/free-unhinged-keychain')) {
1750    // Select the button using its data attributes
1751    var button = document.querySelector('button[data-product="add"][data-testid="product.add.to.cart"]');
1752    if (button) {
1753      // Hide the button
1754      button.style.display = 'none';
1755    }
1756  }
1757
1758  if (window.location.pathname.includes('/free-wear-your-feelings-stickers-5-pack')) {
1759    // Select the button using its data attributes
1760    var button = document.querySelector('button[data-product="add"][data-testid="product.add.to.cart"]');
1761    if (button) {
1762      // Hide the button
1763      button.style.display = 'none';
1764    }
1765  }
1766</script>
1766
1767
1768<script>
1769  // Wait for the DOM to be fully loaded
1770  document.addEventListener('DOMContentLoaded', function() {
1771    // Select all elements with the class 'badge'
1772    var badges = document.querySelectorAll('.badge');
1773
1774    // Loop through each badge element
1775    badges.forEach(function(badge) {
1776      // Check if the badge contains the text 'Promo available' (case-insensitive)
1777      if (badge.textContent.trim().toLowerCase() === 'promo available') {
1778        // Hide the badge
1779        badge.style.display = 'none';
1780      }
1781    });
1782  });
1783</script>
1783
1784
1785
1786<script>
1787  if (window.location.pathname.includes('/vip-only')) {
1788    document.querySelectorAll('.grid__column').forEach(column => {
1789        const productTile = column.querySelector('.product-tile');
1790        if (productTile) {
1791            const hasDataId = productTile.hasAttribute('data-id');
1792            const image = productTile.querySelector('img');
1793            const hasValidImage = image && image.src.trim() !== '';
1794            const productName = productTile.querySelector('.tile__heading');
1795            const hasProductName = productName && productName.textContent.trim() !== '';
1796
1797            // Remove column only if it fails all checks
1798            if (!hasDataId || !hasValidImage || !hasProductName) {
1799                column.remove();
1800            }
1801        }
1802    });
1803}
1804</script>
1804
1805
1806<!--
1807<script>
1808document.addEventListener('DOMContentLoaded', () => {
1809  document.querySelectorAll('.product-option__value.product-option__value--regular').forEach(el => {
1810    const input = el.querySelector('input');
1811    if (input && input.value === 'Chocolate, Blush, Bone') {
1812      el.style.display = 'none';
1813    }
1814  });
1815});
1816</script>
1816
1817-->
1818
1819  <div class="admin-bar-container hidden">
1820  <div id="admin-bar" class="admin-bar sticky hidden">
1821    <div class="wrapper">
1822      <div>
1823        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
1824          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
1825        </svg>
1826      </div>
1827      <div class="actions">
1828        <div class='desktop'>
1829          <div class="dropdown">
1830            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
1831            <div class="dropdown-content" id="desktop-switcher">
1832              <ul>
1833                <li class="dropdown-item" data-mode="creator">Admin</li>
1834                <li class="dropdown-item" data-mode="supporter">Supporter</li>
1835              </ul>
1836            </div>
1837          </div>
1838          <a href="/admin/dashboard/store-design/layout/82be802b-49bb-4768-a563-6bd05de5ddcb/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a>
1839          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
1840        </div>
1841
1842        <div class='mobile'>
1843          <div class="dropdown">
1844            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
1845            <div class="dropdown-content" id="mobile-switcher">
1846              <ul>
1847                <li class="dropdown-item" data-mode="creator">Admin</li>
1848                <li class="dropdown-item" data-mode="supporter">Supporter</li>
1849              </ul>
1850            </div>
1851          </div>
1852
1853          <div class="dropdown mobile">
1854            <button class="dropdown-button pill" data-target="mobile-links">
1855              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1856                <g id="Dots horizontal">
1857                  <g>
1858                    <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
1859                    <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
1860                    <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
1861                  </g>
1862                </g>
1863              </svg>
1864            </button>
1865            <div class="dropdown-content" id="mobile-links">
1866              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
1867            </div>
1868          </div>
1869        </div>
1870
1871        <div class="pill close">
1872          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1873            <g>
1874              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
1875            </g>
1876          </svg>
1877        </div>
1878      </div>
1879    </div>
1880  </div>
1881
1882  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
1883    <div class="wrapper">
1884      <div>
1885        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
1886          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
1887        </svg>
1888      </div>
1889    </div>
1890  </div>
1891</div>
1892
1893<script>
1894  const cookieModule = {
1895    setCookie: function (name, value, days = 365, maxAge) {
1896      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
1897      let cookieString = `${name}=${value}; expires=${expires}; path=/`;
1898
1899      if (maxAge) {
1900        cookieString += `; max-age=${maxAge}`;
1901      }
1902
1903      document.cookie = cookieString;
1904    },
1905
1906    getCookie: function (name) {
1907      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
1908      return cookie ? cookie.split('=')[1] : null;
1909    }
1910  };
1911
1912  const AdminBar = {
1913    adminBar: document.getElementById("admin-bar"),
1914    adminBarContainer: document.querySelector(".admin-bar-container"),
1915    adminBarSmall: document.getElementById("admin-bar-small"),
1916    closeButton: document.querySelector('#admin-bar .close'),
1917    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
1918    dropdownButtons: document.querySelectorAll(".dropdown-button"),
1919    dropdownContents: document.querySelectorAll(".dropdown-content"),
1920    inIframe: () => {
1921      try {
1922        return window.self !== window.top;
1923      } catch (e) {
1924        return true;
1925      }
1926    },
1927    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
1928    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
1929    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
1930    verifyCreator: () => {
1931      document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;';
1932      window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search);
1933    },
1934    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
1935    toggleDropdown: (dropdownContent) => {
1936      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
1937    },
1938    init() {
1939      if (
1940        !AdminBar.inThemeEditor() &&
1941        cookieModule.getCookie('core_dashboard_visited')
1942      ) {
1943        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
1944        AdminBar.adminBarContainer.classList.toggle('hidden');
1945        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
1946          AdminBar.adminBarSmall.classList.toggle('hidden');
1947        } else {
1948          AdminBar.adminBar.classList.toggle('hidden');
1949        }
1950      }
1951
1952      AdminBar.closeButton.addEventListener('click', () => {
1953        cookieModule.setCookie('admin_bar_mode', 'condensed');
1954        AdminBar.adminBar.classList.toggle('hidden');
1955        AdminBar.adminBarSmall.classList.toggle('hidden');
1956      });
1957
1958      AdminBar.adminBarSmall.addEventListener('click', () => {
1959        cookieModule.setCookie('admin_bar_mode', 'expanded');
1960        AdminBar.adminBar.classList.toggle('hidden');
1961        AdminBar.adminBarSmall.classList.toggle('hidden');
1962      });
1963
1964      // Add event listeners to each dropdown button
1965      AdminBar.dropdownButtons.forEach((button) => {
1966        button.addEventListener("click", () => {
1967          const dropdownId = button.getAttribute("data-target");
1968          const dropdownContent = document.getElementById(dropdownId);
1969          AdminBar.toggleDropdown(dropdownContent);
1970        });
1971      });
1972
1973      // Close the dropdowns when clicking outside
1974      document.addEventListener("click", (event) => {
1975        AdminBar.dropdownButtons.forEach((button) => {
1976          const dropdownId = button.getAttribute("data-target");
1977          const dropdownContent = document.getElementById(dropdownId);
1978          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
1979            dropdownContent.style.display = "none";
1980          }
1981        });
1982      });
1983
1984      document.querySelectorAll(".dropdown-content li").forEach((item) => {
1985        item.addEventListener("click", (event) => {
1986          const mode = event.target.getAttribute("data-mode");
1987          if (mode === 'creator') {
1988            cookieModule.setCookie('view_as', 'creator');
1989            AdminBar.verifyCreator();
1990          } else {
1991            cookieModule.setCookie('view_as', 'supporter');
1992            window.location.reload();
1993          }
1994        });
1995      });
1996    },
1997  };
1998
1999  AdminBar.init();
2000</script>
2000
2001
2002<style>
2003  .admin-bar-container {
2004    height: 56px;
2005  }
2006
2007  .hidden {
2008    display: none;
2009  }
2010
2011  .admin-bar,
2012  .admin-bar-small {
2013    z-index: 1000;
2014    background-color: rgba(0, 0, 0, 0.7);
2015    backdrop-filter: blur(15px);
2016    -webkit-backdrop-filter: blur(15px);
2017    height: 56px;
2018    width: 100%;
2019  }
2020
2021  .admin-bar-small {
2022    width: 73px;
2023    cursor: pointer;
2024  }
2025
2026  .sticky {
2027    position: fixed;
2028    bottom: 0;
2029  }
2030
2031  .admin-bar a {
2032    color: #FDFCFB;
2033    padding: 14px;
2034    font-size: 14px;
2035    text-decoration: none;
2036  }
2037
2038  .admin-bar button {
2039    padding: 14px;
2040    font-size: 14px;
2041  }
2042
2043  .admin-bar .wrapper,
2044  .admin-bar-small .wrapper {
2045    display: flex;
2046    justify-content: space-between;
2047    align-items: center;
2048    padding: 10px 20px;
2049  }
2050
2051  .admin-bar-small .wrapper {
2052    padding: 12px 20px;
2053  }
2054
2055  .admin-bar .pill {
2056    display: flex;
2057    justify-content: center;
2058    align-items: center;
2059    gap: 10px;
2060    text-transform: capitalize;
2061
2062    padding: 6px 14px;
2063    border-radius: 100px;
2064    background: rgba(253, 252, 251, 0.12);
2065
2066    cursor: pointer;
2067  }
2068
2069  .admin-bar .pill:hover {
2070    background: rgba(253, 252, 251, 0.22);
2071  }
2072
2073  .admin-bar .close {
2074    padding: 6px 11px;
2075  }
2076
2077  .admin-bar .actions,
2078  .admin-bar .actions .desktop,
2079  .admin-bar .actions .mobile {
2080    display: flex;
2081    gap: 10px;
2082  }
2083
2084  .admin-bar .actions .desktop,
2085  .admin-bar .actions .edit-page {
2086    display: none;
2087  }
2088
2089  @media (min-width: 768px) {
2090    .admin-bar a,
2091    .admin-bar button {
2092      font-size: 16px;
2093    }
2094
2095    .admin-bar .actions .desktop,
2096    .admin-bar .actions .edit-page {
2097      display: flex;
2098      gap: 10px;
2099    }
2100
2101    .admin-bar .actions .mobile {
2102      display: none;
2103    }
2104  }
2105
2106  .dropdown {
2107    position: relative;
2108  }
2109
2110  .dropdown-content {
2111    display: none;
2112    position: absolute;
2113    background-color: rgba(0,0,0,0.9);
2114    min-width: 130px;
2115    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
2116    bottom: 100%; /* Position above the button */
2117    border-radius: 10px;
2118    bottom: calc((100% + 8px) - 0px);
2119    right: 0;
2120  }
2121
2122  /* Style for each list item */
2123  .dropdown-content .dropdown-item {
2124    color: white;
2125    padding: 12px 16px;
2126    text-decoration: none;
2127    white-space: nowrap;
2128    display: block;
2129    cursor: pointer;
2130    border-radius: 10px;
2131  }
2132
2133  .dropdown-content .dropdown-item:hover {
2134    background-color: rgba(255,255,255,0.2)
2135  }
2136
2137  /* Style for the button */
2138  .dropdown-button {
2139    color: white;
2140    padding: 10px 20px;
2141    border: none;
2142    border-radius: 5px;
2143    cursor: pointer;
2144    line-height: 24px;
2145  }
2146</style>
2147
2148</body>
2149</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.