PageSourceSearch

https://www.dominosugar.com/

html dominosugar.com collected 2026-10-01 12:16:32 UTC 117,714 bytes, 3,242 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#">
3  <head>
4
5    
5<script type='text/javascript'>
6    (function(e) {
7        s=document.createElement("script"),
8        s.type="text/javascript",
9        s.src="https://offers.pearcommerce.com/js/sdk.js?config="+encodeURIComponent(JSON.stringify(e)),
10        document.head.appendChild(s)
11    })
12    ({vendorId:'2820451504335395', widget:'recipes'})
13    </script>
13
14      <!-- Google Tag Manager -->
15    
15<script>
vendor: 343 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
17    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
18    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
19    })(window,document,'script','dataLayer','
19GTM-NG92MB7
vendor: 3 bytes, line 19
19');
19</script>
19
20    <!-- End Google Tag Manager -->
21    <!-- Start of global snippet: Please do not remove -->
22<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 22-23
22
23<script async src="https://www.googletagmanager.com/gtag/js?id=
23DC-9233077
vendor: 12 bytes, line 23
23"></script>
24<script>
25  
vendor: 133 bytes, lines 25-28
25window.dataLayer = window.dataLayer || [];
26  function gtag(){dataLayer.push(arguments);}
27  gtag('js', new Date());
28  gtag('config', '
28DC-9233077
vendor: 4 bytes, line 28
28');
29</script>
29
30<!-- End of global snippet: Please do not remove -->
31
32    <meta charset="utf-8" />
33<link rel="preconnect" href="https://www.google.com" />
34<link rel="preconnect" href="https://www.gstatic.com" crossorigin />
35<meta name="description" content="Bake with expertise when you bake with Domino Sugar. Expertly crafted recipes and tips to elevate your baking." />
36<meta name="keywords" content="domino sugar" />
37<link rel="canonical" href="https://www.dominosugar.com/" />
38<link rel="shortlink" href="https://www.dominosugar.com/" />
39<meta property="og:image" content="https://www.dominosugar.com/sites/default/files/2025-01/domino-social.jpg" />
40<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
41<meta name="MobileOptimized" content="width" />
42<meta name="HandheldFriendly" content="true" />
43<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
44<link rel="preconnect" href="https://challenges.cloudflare.com" />
45<meta http-equiv="x-ua-compatible" content="ie=edge" />
46<link rel="icon" href="/sites/default/files/image_2021_04_21T07_44_05_426Z_1.png" type="image/png" />
47
48    <title>Domino Sugar | dominosugar.com</title>
49    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_xkKMOPVdohk5yZ3KYl-nSA5QhWyi13jxIhznbB4KUAU.css?delta=0&amp;language=en&amp;theme=dominosugar_barrio&amp;include=eJxtjlsKQyEMRDfkY0mXqMFaTCKJ9vbuvtBSCtKf-Zlzhkki06bCOBKoNom1S4LubV69cXVp7wnNoKId561NdFkUYxYawsjTws57T8jrgxVdA3qAOzxdEWostirod_mn5sL_gO2aXTaRYgJD92h4WnxnICmr4wvLGFYG" />
50<link rel="stylesheet" media="all" href="/sites/default/files/css/css_JoihGTBwn793IXzEdsz7EupUhh4or2jS9IemA_WWSPE.css?delta=1&amp;language=en&amp;theme=dominosugar_barrio&amp;include=eJxtjlsKQyEMRDfkY0mXqMFaTCKJ9vbuvtBSCtKf-Zlzhkki06bCOBKoNom1S4LubV69cXVp7wnNoKId561NdFkUYxYawsjTws57T8jrgxVdA3qAOzxdEWostirod_mn5sL_gO2aXTaRYgJD92h4WnxnICmr4wvLGFYG" />
51<link rel="stylesheet" media="print" href="/sites/default/files/css/css_XR1Anjmx7FeI4hGEs9GGhtB621B29y5hSMIziOUsp2Q.css?delta=2&amp;language=en&amp;theme=dominosugar_barrio&amp;include=eJxtjlsKQyEMRDfkY0mXqMFaTCKJ9vbuvtBSCtKf-Zlzhkki06bCOBKoNom1S4LubV69cXVp7wnNoKId561NdFkUYxYawsjTws57T8jrgxVdA3qAOzxdEWostirod_mn5sL_gO2aXTaRYgJD92h4WnxnICmr4wvLGFYG" />
52
53    
53<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/6956","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJxtjuEKAyEMg19Iz0eS6pXOYe1h626-_cZgjMn9CST5CEkiptbhiAl6LxKoSoLq1WYtjVxae0ZVINR43oqhy9IxZOFDGjbTbeW9Z2zD7cKliQ6C_h36kXlvV8Dy5ILgGfNQE461pA59OhKhitGAAr1l9Rvc4fkfstOphhwSKLpHwVPDRzeWfVR8AVwFcnY","theme":"dominosugar_barrio","theme_token":null},"ajaxTrustedUrl":[],"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-NG92MB7"]},"csp":{"nonce":"--pMiPvSZXpMgDrnOmbWXw"},"user":{"uid":0,"permissionsHash":"09b22fa539236bfdecaa74786c3d2295e83b5853a709abad84a278eaa617633c"}}</script>
vendor: 1 bytes, line 53
53
54<script src="/sites/default/files/js/js_-cPJmN10iIYoFJnKPzFNVOOqnwHLt3s-eq9uepAellU.js?scope=header&amp;delta=0&amp;language=en&amp;theme=dominosugar_barrio&amp;include=eJyFjEsKgDAMRC_k50glqRIqaUfSCPb2ulFQBDcDb3gzDHh1ozUwmSWMomDSvnrTVKSbkFNB3YTsMviexKl8Cf8XuYW4VUcOmtjIWieA6BycZJQz3jzQQvuzzAePAko-"></script>
vendor: 1 bytes, line 54
54
55<script src="/modules/google_tag/js/gtag.js?tlvc5m"></script>
vendor: 1 bytes, line 55
55
56<script src="/modules/google_tag/js/gtm.js?tlvc5m"></script>
56
57
58    <link rel="preconnect" href="https://cdn.cookielaw.org">
59
60    <style>
61      /* Inline critical CSS here */
62    </style>
63
64<!-- OneTrust Cookies Consent Notice start for www.dominosugar.com -->
65<script type="text/javascript" src="https://cdn.cookielaw.org/consent/df33dc90-eb99-46f7-928e-ce8a8aba3e2c/OtAutoBlock.js" ></script>
vendor: 1 bytes, line 65
65
66<script src="https://cdn.cookielaw.org/consent/df33dc90-eb99-46f7-928e-ce8a8aba3e2c/otSDKStub.js"  integrity="sha384-7wO016l1M8nH9q6R9exgrLUhr0YZLDbfHfxnnv1zXMbQw3Cpvbw6UYV0tiUx++9x" crossorigin="anonymous" type="text/javascript" charset="UTF-8" data-domain-script="df33dc90-eb99-46f7-928e-ce8a8aba3e2c" ></script>
vendor: 1 bytes, line 66
66
67<script type="text/javascript">
68function OptanonWrapper() { }
69</script>
69
70<!-- OneTrust Cookies Consent Notice end for www.dominosugar.com -->
71
72
73    
73<script async="async" src="https://mm-uxrv.com/js/80698869599.js"></script>
73
74
75
76
77
78  
79<script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script>
79
80                                
80<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="5T5VN-UXV94-AVCT6-NMS6R-5YA5G",function(){function e(){if(!i){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.parentNode.appendChild(e),i=!0}}function t(e){i=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",o.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"5T5VN-UXV94-AVCT6-NMS6R-5YA5G";var o=document.currentScript||document.getElementsByTagName("script")[0],i=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!i)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="ndvcaayx2fpm62v6j4pq-f-e911868a3-clientnsv4-s.akamaihd.net",o="false"=="true"?2:1,i={"ak.v":"41","ak.cp":"2035692","ak.ai":parseInt("1375546",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"174ebb60","ak.r":51691,"ak.a2":n,"ak.m":"dscr","ak.n":"ff","ak.cport":53929,"ak.gh":"23.57.66.15","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790856991","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==7FgSYhO2dQXldAcP7Ny/EBR3FeD3/DhJzTXbNtEgLRG0/fypW1e0vfpKN+CjOGywYi+si3BBohkiKuiafxrEo3rrrH7sx2/uUdCo+OIz7WE62ibJSpX5+8Ue88hqooO7p/D3SDJXDK4kzqX2VOspN/J1vyNF903Ve09ASUqYR3TOZofS1n10tW/gTntgrvsut8u2J4B54N4o+EoqkJwptU2Rn75VYXyXMyL9WYh8pB/5NQx/lKW0aLihnWquqK/nI3rqXb/nnnwCh3vWROzXGJIPExdIXoQ2SgtbUeK25Y2LeeaX1B4jQky+eA96Ufq7mTRWiGRjy199aqCToeZ/T0bboMcppQiwjtgh7TLz3i9CkNLy+JuKM4X6Gan5JG75gF3sdJphVDX6Tw3NH7eYgeBWDLrBK/KIUFpmGeNgsX0=","ak.pv":"4","ak.dpoabenc":"","ak.tf":o};if(""!==t)i["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))i["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
80</head>
81  <body class="layout-no-sidebars page-node-6956 path-frontpage node--type-new-home">
82
83  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 83-84
83
84  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
84GTM-NG92MB7
vendor: 87 bytes, lines 84-86
84"
85  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
86  
86<!-- End Google Tag Manager (noscript) -->
87
88    <a href="#main-content" class="visually-hidden-focusable">
89      Skip to main content
90    </a>
vendor: 72 bytes, lines 90-91
90
91    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
91GTM-NG92MB7
vendor: 108 bytes, lines 91-94
91"
92                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
93
94      
94<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
95    <div id="page-wrapper" class="home-page-wrapper">
96  <div id="page">
97
98    <div class="dom-site_header_cont">
99
100    <div class="dom-site_header_cont_mid">
101    <div class="dom-site_logo">
102      <a href="/">
103        <img src="/sites/default/files/2025-11/domino%20logo.png" alt="logo" />
104      </a>
105    </div>
106  </div>
107
108    <div class="dom-site_header_cont_ls">
109    <div class="dom-navbar">
110                <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newmenuforhomepagedomino-menu" id="block-dominosugar-barrio-newmenuforhomepagedomino" class="block block-menu navigation menu--new-menu-for-homepage-domino">
111            
112  <h2 class="visually-hidden" id="block-dominosugar-barrio-newmenuforhomepagedomino-menu">New Menu for Homepage Domino</h2>
113  
114
115        
116                  <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu">
117                    <li class="nav-item">
118                <a href="/products" class="nav-link nav-link--products">Products</a>
119              </li>
120                <li class="nav-item">
121                <a href="/recipes" class="nav-link nav-link--recipes">Recipes</a>
122              </li>
123                <li class="nav-item">
124                <a href="/baking-tips" class="nav-link nav-link--baking-tips">Baking Tips</a>
125              </li>
126                <li class="nav-item">
127                <a href="/our-story" class="nav-link nav-link--our-story" data-drupal-link-system-path="our-story">Our Story</a>
128              </li>
129        </ul>
130  
131
132
133
134  </nav>
135
136
137          </div>
138  </div>
139
140    <div class="dom-site_header_cont_rs">
141
142        <div class="dom-site_header_search">
143      <form class="dom-search_bar_form" action="/search-results" novalidate="novalidate">
144        <input type="text" class="dom-site_header_input" name="search" placeholder="Search">
145        <button class="dom-search_toggle" type="button">
146          <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
147            <path d="M9.29102 8.65797H8.70383L8.49571 8.45729C9.22413 7.60995 9.66266 6.50989 9.66266 5.3132C9.66266 2.64482 7.49971 0.481873 4.83133 0.481873C2.16295 0.481873 0 2.64482 0 5.3132C0 7.98159 2.16295 10.1445 4.83133 10.1445C6.02802 10.1445 7.12807 9.706 7.97541 8.97758L8.1761 9.1857V9.7729L11.8925 13.4819L13 12.3744L9.29102 8.65797ZM4.83133 8.65797C2.98056 8.65797 1.48656 7.16398 1.48656 5.3132C1.48656 3.46243 2.98056 1.96844 4.83133 1.96844C6.6821 1.96844 8.1761 3.46243 8.1761 5.3132C8.1761 7.16398 6.6821 8.65797 4.83133 8.65797Z" fill="#002F87"/>
148          </svg>
149        </button>
150      </form>
151    </div>
152
153        <div class="dom-brown_sugar_btn">
154                <section class="row region region-header-cta">
155    <nav role="navigation" aria-labelledby="block-dominosugar-barrio-headercta-menu" id="block-dominosugar-barrio-headercta" class="block block-menu navigation menu--header-cta">
156            
157  <h2 class="visually-hidden" id="block-dominosugar-barrio-headercta-menu">Header CTA</h2>
158  
159
160        
161                  <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu">
162                    <li class="nav-item">
163                <a href="/store-locator" class="nav-link nav-link--store-locator" data-drupal-link-system-path="store-locator">Order Today</a>
164              </li>
165        </ul>
166  
167
168
169
170  </nav>
171
172  </section>
173
174          </div>
175
176  </div>
177
178    <button id="dom-menu-toggler" class="dom-hamburger-mobile">
179    <span class="dom-hamburger-line"></span>
180    <span class="dom-hamburger-line"></span>
181    <span class="dom-hamburger-line"></span>
182  </button>
183
184</div>
185
186<div id="dom-mobile-overlay" class="dom-mobile-menu">
187  <div class="dom-mobile-menu-inner">
188
189        <div class="dom-site_header_search">
190      <form class="dom-search_bar_form dom-mobile-search_form" action="/search-results" novalidate="novalidate">
191        <input type="text" class="dom-site_header_input" name="search" placeholder="Search">
192        <button class="dom-search_toggle" type="submit">
193          <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
194            <path d="M9.29102 8.65797H8.70383L8.49571 8.45729C9.22413 7.60995 9.66266 6.50989 9.66266 5.3132C9.66266 2.64482 7.49971 0.481873 4.83133 0.481873C2.16295 0.481873 0 2.64482 0 5.3132C0 7.98159 2.16295 10.1445 4.83133 10.1445C6.02802 10.1445 7.12807 9.706 7.97541 8.97758L8.1761 9.1857V9.7729L11.8925 13.4819L13 12.3744L9.29102 8.65797ZM4.83133 8.65797C2.98056 8.65797 1.48656 7.16398 1.48656 5.3132C1.48656 3.46243 2.98056 1.96844 4.83133 1.96844C6.6821 1.96844 8.1761 3.46243 8.1761 5.3132C8.1761 7.16398 6.6821 8.65797 4.83133 8.65797Z" fill="#002F87"/>
195          </svg>
196        </button>
197      </form>
198    
199
200				<div class="dom-mobile-cta-wrapper dom-brown_sugar_btn">
201					  <section class="row region region-header-cta">
202    <nav role="navigation" aria-labelledby="block-dominosugar-barrio-headercta-menu" id="block-dominosugar-barrio-headercta" class="block block-menu navigation menu--header-cta">
203            
204  <h2 class="visually-hidden" id="block-dominosugar-barrio-headercta-menu">Header CTA</h2>
205  
206
207        
208                  <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu">
209                    <li class="nav-item">
210                <a href="/store-locator" class="nav-link nav-link--store-locator" data-drupal-link-system-path="store-locator">Order Today</a>
211              </li>
212        </ul>
213  
214
215
216
217  </nav>
218
219  </section>
220
221				</div>
222    </div>
223
224        <div class="dom-navbar">
225                <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newmenuforhomepagedomino-menu" id="block-dominosugar-barrio-newmenuforhomepagedomino" class="block block-menu navigation menu--new-menu-for-homepage-domino">
226            
227  <h2 class="visually-hidden" id="block-dominosugar-barrio-newmenuforhomepagedomino-menu">New Menu for Homepage Domino</h2>
228  
229
230        
231                  <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu">
232                    <li class="nav-item">
233                <a href="/products" class="nav-link nav-link--products">Products</a>
234              </li>
235                <li class="nav-item">
236                <a href="/recipes" class="nav-link nav-link--recipes">Recipes</a>
237              </li>
238                <li class="nav-item">
239                <a href="/baking-tips" class="nav-link nav-link--baking-tips">Baking Tips</a>
240              </li>
241                <li class="nav-item">
242                <a href="/our-story" class="nav-link nav-link--our-story" data-drupal-link-system-path="our-story">Our Story</a>
243              </li>
244        </ul>
245  
246
247
248
249  </nav>
250
251
252          </div>
253
254  </div>
255</div>
256
257<!-- ===================== CSS ===================== -->
258<style>
259/* ================= GENERAL ================= */
260button{all:unset; cursor:pointer;}
261.dom-site_header_cont {
262   display: flex;
263    align-items: flex-start;
264    justify-content: space-between;
265    padding: 0;
266    height: auto;
267    flex-wrap: nowrap;
268    padding-right: 65px;
269    max-width: 1920px;
270    margin:0 auto;
271}
272
273/* Logo Section */
274.dom-site_header_cont_mid {
275    margin-right: 0;
276    max-width: 100%;
277    flex: 1;
278}
279.dom-site_logo img {
280    max-height: 100%;
281    width: 100%;
282    max-width:666px;
283    display: block;
284}
285
286/* ================= DESKTOP NAVBAR ================= */
287.dom-site_header_cont_ls {
288    flex: 1;
289    min-width: 0;
290}
291.dom-site_header_cont_ls .dom-navbar ul {
292    display: flex;
293    column-gap: 20px;
294    row-gap:0;
295    overflow: hidden;
296    justify-content:flex-end;
297}
298
299/* Search + CTA */
300.dom-site_header_cont_rs {
301    display: flex;
302    align-items: center;
303    gap: 20px;
304    flex-shrink: 0;
305    margin-top: 38px;
306}
307
308.dom-site_header_cont_ls .dom-navbar a {
309    font-family: var(---font-family-Korolev-Medium);
310    font-weight:700;
311    font-size:16px;
312    color:rgba(38, 59, 128, 1);
313    text-decoration:none;
314      display: inline-block !important;
315    transition: border-color 0.3s 
316ease !important;
317}
318.dom-site_header_cont_ls .dom-navbar a:hover,.dom-site_header_cont_ls .dom-navbar a.active {
319    color: #263B80;
320    border-bottom: 0.321rem solid #D92D27;
321    padding-bottom: 0.1rem;
322}
323.dom-site_header_cont_ls, .dom-site_header_cont_rs, .dom-site_header_cont_mid {
324    min-width: 0;
325}
326.dom-site_header_cont_ls {
327    flex:1;
328    margin-top:47px;
329    min-width:0;
330}
331
332/* ================= DESKTOP SEARCH ================= */
333.dom-site_header_cont_rs {
334    display: flex;
335    align-items: center;
336    gap: 20px;
337    flex-shrink: 0;
338}
339
340.dom-site_header_search {
341    position: relative;
342}
343
344.dom-site_header_search .dom-search_bar_form {
345    display:flex;
346    align-items:center;
347    border-radius:30px;
348    background:#fff;
349    overflow:hidden;
350    width: 50px;
351    height: 50px;
352    transition: width 0.4s ease, box-shadow 0.3s ease;
353    position: relative;
354}
355
356.dom-site_header_search .dom-search_bar_form.active {
357    width: 200px;
358    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
359}
360
361.dom-site_header_input {
362    width: 0;
363    opacity: 0;
364    border: none;
365    outline: none;
366    background: transparent;
367    padding: 0;
368    font-size: 14px;
369    transition: width 0.4s ease, opacity 0.3s ease, padding 0.4s ease;
370}
371
372.dom-search_bar_form.active .dom-site_header_input {
373    width: calc(100% - 50px);
374    opacity: 1;
375    padding-left: 15px;
376    padding-right: 5px;
377}
378
379.dom-search_toggle {
380    width: 50px;
381    height: 50px;
382    display: flex;
383    justify-content: center;
384    align-items: center;
385    flex-shrink: 0;
386    background: transparent;
387    border: none;
388    cursor: pointer;
389}
390
391.dom-search_toggle svg {
392    width: 16px;
393    height: 23px;
394}
395
396.dom-search_toggle svg path {
397    transition: fill 0.3s;
398}
399
400/* ================= CTA BUTTON ================= */
401.dom-brown_sugar_btn .nav-link{
402    text-align: center;
403    padding: 15px 19px;
404    border-radius: 0.375rem;
405    background-color: #D92D27;
406    border: 0px solid #B11813;
407    color: #fff;
408    font-size: 1.125rem;
409    font-weight: 700;
410    line-height: normal;
411    text-decoration: none;
412    display: inline-block;
413    white-space: nowrap;
414    font-family: var(---font-family-Korolev-Medium);
415    cursor:pointer;
416}
417.dom-brown_sugar_btn .nav-link:hover {
418   background: #B21914;
419   color:white;
420   border-radius: 0.375rem;
421}
422.dom-brown_sugar_btn .nav-link:focus{
423    background: #FFDA00;
424    box-shadow: 0 0 0 0.125rem #FFDA00;
425    border-color: #FFDA00;
426    color: #263bb0;
427}
428
429/* ================= HAMBURGER ================= */
430.dom-hamburger-mobile {
431    display:none;
432    flex-direction:column;
433    gap:5px;
434    z-index:999999;
435}
436.dom-hamburger-line {
437    width:28px;
438    height:3px;
439    background:#000;
440    border-radius:2px;
441    transition:all 0.3s;
442}
443body.menu-active .dom-hamburger-line:nth-child(1) {
444    transform:translateY(8px) rotate(45deg);
445    background:#fff;
446}
447body.menu-active .dom-hamburger-line:nth-child(2) {
448    opacity:0;
449}
450body.menu-active .dom-hamburger-line:nth-child(3) {
451    transform:translateY(-8px) rotate(-45deg);
452    background:#fff;
453}
454
455/* ================= MOBILE MENU ================= */
456.dom-mobile-menu {
457    position:fixed;
458    top:0;
459    left:0;
460    width:100%;
461    height:100vh;
462    background:#002F87;
463    z-index:99999;
464    opacity:0;
465    visibility:hidden;
466    transition:opacity 0.4s ease,visibility 0.4s ease;
467    overflow-y:auto;
468}
469body.menu-active .dom-mobile-menu {
470    opacity:1;
471    visibility:visible;
472}
473.dom-mobile-menu-inner {
474    padding:100px 30px 40px;
475    max-width:600px;
476    margin:0 auto;
477}
478
479/* Mobile Navbar - vertical layout */
480.dom-mobile-menu .dom-navbar ul {
481    display:flex;
482    flex-direction:column;
483    gap:20px;
484    list-style:none;
485    margin:0;
486    padding:0;
487}
488.dom-mobile-menu .dom-navbar a {
489    font-size:18px;
490    font-weight:600;
491    color:#fff;
492    text-decoration:none;
493}
494.dom-mobile-menu .dom-navbar a:hover {
495    color:#EF426F;
496}
497
498/* Mobile Search */
499.dom-mobile-search_form {
500    max-width:340px !important;
501    width: 100% !important;
502}
503.dom-mobile-search_form .dom-site_header_input {
504    width:100% !important;
505    opacity:1 !important;
506    padding:8px 12px !important;
507}
508
509/* Mobile CTA */
510.dom-mobile-cta-wrapper {
511    text-align:center;
512}
513
514/* ================= RESPONSIVE ================= */
515@media (max-width: 1399px) {
516    .dom-site_logo img {
517        max-width: 100%;
518        padding-right: 20px;
519    }
520    .dom-site_header_cont_ls .dom-navbar ul {
521        column-gap: 16px;
522    }
523}
524@media (min-width: 1093px) and (max-width: 1128px) {
525  .dom-site_header_cont_ls .dom-navbar ul {
526        column-gap: 10px;
527    }
528}
529 
530@media (min-width: 1024px) and (max-width: 1092px) {
531    .dom-site_header_cont_ls .dom-navbar ul {
532        column-gap: 0rem;
533    }
534    .dom-site_header_cont
535    {
536    padding-right:20px;
537    }
538  }
539@media (max-width: 1024px) {
540    .dom-site_logo img {
541        max-width: 50%;
542    }
543    .dom-site_header_search {
544        margin-bottom:20px;
545    }
546    .dom-hamburger-mobile {
547        display:flex;
548        margin-top: 30px;
549    }
550    .dom-site_header_cont_ls, 
551    .dom-site_header_cont_rs {
552        display:none;
553    }
554    .dom-site_header_cont {
555        padding-right:50px;
556    }
557    .dom-site_header_search {
558        display: flex;
559        flex-wrap: wrap;
560        flex-direction: row;
561        align-items: center;
562        justify-content: space-around;
563        gap: 20px;
564    }
565}
566
567@media (max-width: 768px) {
568    .dom-site_logo img {
569        max-width: 60%;
570    }
571        .dom-site_header_cont {
572        padding-right: 25px;
573    }
574}
575
576@media (max-width: 480px) {
577    .dom-site_logo img {
578        max-width: 100%;
579    }
580}
581
582</style>
583
584<!-- ===================== JS ===================== -->
585<script>
586document.addEventListener('DOMContentLoaded',function(){
587
588  // Mobile menu toggle
589  var menuToggler=document.getElementById('dom-menu-toggler');
590  if(menuToggler){
591  menuToggler.addEventListener('click', function(){
592    var isActive = document.body.classList.toggle('menu-active');
593
594    if(isActive){
595      // LOCK body scroll on iOS
596      const scrollY = window.scrollY;
597      document.body.style.position = 'fixed';
598      document.body.style.top = `-${scrollY}px`;
599      document.body.style.width = '100%';
600      document.body.dataset.scrollY = scrollY;
601    } else {
602      // UNLOCK body scroll
603      const scrollY = document.body.dataset.scrollY;
604      document.body.style.position = '';
605      document.body.style.top = '';
606      document.body.style.width = '';
607      window.scrollTo(0, parseInt(scrollY || '0'));
608    }
609  });
610}
611
612
613  // Desktop search toggle only
614  const desktopForm=document.querySelector('.dom-site_header_cont_rs .dom-search_bar_form');
615  const toggleBtn=document.querySelector('.dom-site_header_cont_rs .dom-search_toggle');
616  const input=desktopForm?desktopForm.querySelector('.dom-site_header_input'):null;
617
618  if(toggleBtn && desktopForm && window.innerWidth>1024){
619    toggleBtn.addEventListener('click',function(e){
620      e.stopPropagation();
621      desktopForm.classList.toggle('active');
622      if(desktopForm.classList.contains('active')) input.focus();
623    });
624
625    document.addEventListener('click',function(e){
626      if(!desktopForm.contains(e.target)){
627        desktopForm.classList.remove('active');
628        input.blur();
629      }
630    });
631  }
632
633});
634</script>
634
635
636    <main id="main-content" class="home-main">
637        <div class="views-element-container block block-views block-views-blocknew-hero-view-block-1" id="block-dominosugar-barrio-views-block-new-hero-view-block-1">
638  
639    
640      <div class="content">
641      <div><div class="view view-new-hero-view view-id-new_hero_view view-display-id-block_1 js-view-dom-id-7d6f816b6cc6a66bf0375d7a6e0f1cc8eb1b5c39f87424417f7ceef4353e8f65">
642  
643    
644      
645      <div class="view-content row">
646          <div class="views-row">
647    
648 
649
650
651
652<section class="hero">
653  <div class="hero-container">
654    
655    <div class="hero-products">
656      <div class="star-accent star-1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
657        <svg xmlns="http://www.w3.org/2000/svg" width="101" height="94" viewBox="0 0 101 94" fill="none">
658            <path d="M100.084 35.7956C75.1478 38.1723 51.6128 22.4086 46.6351 0L45.8619 0.145511C44.6538 23.9122 24.4532 49.0371 0 57.2342V57.9617C24.9848 55.5851 48.5199 71.3972 53.5458 93.8058L54.2707 93.6603C55.5272 69.8936 75.6794 44.7688 100.133 36.5717" fill="#D92D27"></path>
659        </svg>
660      </div>
661      
662      <div class="product-box front">
663          <img loading="lazy" src="/sites/default/files/2026-08/hero-domino-4_0.png" width="812" height="480" alt="Fall Baking Made Simple with Domino® Sugar" />
664
665
666      </div>
667      
668      <div class="product-box back">
669        
670      </div>
671      
672      <div class="star-accent star-2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
673        <svg xmlns="http://www.w3.org/2000/svg" width="101" height="94" viewBox="0 0 101 94" fill="none">
674                <path d="M100.084 35.7956C75.1478 38.1723 51.6128 22.4086 46.6351 0L45.8619 0.145511C44.6538 23.9122 24.4532 49.0371 0 57.2342V57.9617C24.9848 55.5851 48.5199 71.3972 53.5458 93.8058L54.2707 93.6603C55.5272 69.8936 75.6794 44.7688 100.133 36.5717" fill="#D92D27"></path>
675        </svg>
676      </div>
677    </div>
678
679    <div id="hero" class="hero-content">
680              <h1>Fall Baking Made Simple with Domino® Sugar</h1>
681      
682              <p>Domino® Baker&#039;s Sugar™ and Domino® Light Brown Sugar make it easy to bake with confidence and deliver great taste this Fall season.</p>
683      
684      <div class="cta-buttons cta-btn">
685                  <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045326&amp;retailer=walmart&amp;fast=true&amp;ut_m_source=website&amp;utm_medium=homepage&amp;utm_campaign=evergreen">Shop Baker&#039;s Sugar™</a>
686                          <a href="https://www.walmart.com/ip/Domino-Premium-Pure-Cane-Light-Brown-Sugar-2-lb-Zipper-Pak/1600519430?clickid=zwLxrYyo9xyZW9Y3dYVCdRKPUkrxKW2H-VUsTQ0&amp;irgwc=1&amp;afsrc=1&amp;sourceid=imp_zwLxrYyo9xyZW9Y3dYVCdRKPUkrxKW2H-VUsTQ0&amp;veh=aff&amp;wmlspartner=imp_2095849&amp;affiliates_ad_id=565706&amp;campaign_id=9383&amp;sharedid=&amp;utm_source=pearcommerce">Shop Light Brown Sugar</a>
687              </div>
688    </div>
689
690  </div>
691</section>
692
693<section class="retailers">
694  <div class="logos">
695    <div class="logo_items">    
696          <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" />
697
698  <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" />
699
700  <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" />
701
702  <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" />
703
704  <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" />
705
706  <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" />
707
708  <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" />
709
710  <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" />
711
712 
713    </div>
714    <div class="logo_items">    
715         <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" />
716
717  <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" />
718
719  <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" />
720
721  <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" />
722
723  <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" />
724
725  <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" />
726
727  <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" />
728
729  <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" />
730
731      
732    </div>
733    <div class="logo_items">    
734         <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" />
735
736  <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" />
737
738  <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" />
739
740  <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" />
741
742  <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" />
743
744  <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" />
745
746  <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" />
747
748  <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" />
749
750      
751    </div>
752    <div class="logo_items">    
753         <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" />
754
755  <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" />
756
757  <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" />
758
759  <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" />
760
761  <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" />
762
763  <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" />
764
765  <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" />
766
767  <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" />
768
769      
770    </div>
771    <div class="logo_items">    
772         <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" />
773
774  <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" />
775
776  <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" />
777
778  <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" />
779
780  <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" />
781
782  <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" />
783
784  <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" />
785
786  <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" />
787
788      
789    </div>
790    <div class="logo_items">    
791         <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" />
792
793  <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" />
794
795  <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" />
796
797  <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" />
798
799  <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" />
800
801  <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" />
802
803  <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" />
804
805  <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" />
806
807      
808    </div>
809  </div>
810</section>
811
812<style>
813.retailers {
814  width: 100%;
815  max-width: 100%;
816  background:#1e3a6f;
817  padding: 1.25rem 6.063rem 1.313rem 3.875rem;
818  overflow: hidden;
819}
820.logos {
821  overflow: hidden;
822  white-space: nowrap;
823  position: relative;
824    line-height: 0;             /* ← FIX #1 */
825}
826
827.logo_items {
828  display: inline-block;
829  animation: slides 30s linear infinite;
830}
831
832.logo_items img {
833  height: auto;
834  display: inline-block;
835  margin-right: 50px;
836  vertical-align: middle;     /* ← FIX #2 */
837}
838
839@keyframes slides {
840  from { transform: translateX(0); }
841  to { transform: translateX(-100%); }
842}
843</style>
844  </div>
845
846    </div>
847  
848          </div>
849</div>
850
851    </div>
852  </div>
853<div class="views-element-container block block-views block-views-blocknew-home-page-slider-block-1" id="block-dominosugar-barrio-views-block-new-home-page-slider-block-1">
854  
855    
856      <div class="content">
857      <div><div class="view view-new-home-page-slider view-id-new_home_page_slider view-display-id-block_1 js-view-dom-id-59463e44eee4b6cf237a4dbef91a1afb44b60d5bab1bb0c9e358368e0e26b5b7">
858  
859    
860      
861      <div class="view-content row">
862      
863
864<!-- Homepage Product Slider -->
865<section class="homepage-product-slider" id="homepage-product-slider-section">
866  <div class="hps-container">
867                    
868    <div class="hps-content">
869      <h2 class="hps-section-title">Real Cane Sugar for Every Need</h2>
870          </div>
871
872    <div class="hps-slider-wrapper">
873      <div class="owl-carousel owl-theme hps-slider">
874                                                          
875          <div class="hps-product-card">
876            <div class="hps-product-image">
877                <img loading="lazy" src="/sites/default/files/2026-07/dom-granulated-product.png" width="900" height="1200" alt="Domino® Granulated Sugar" />
878
879
880            </div>
881            <h3 class="hps-product-title"><a href="/products/granulated-sugar" hreflang="en">Granulated Sugar</a></h3>
882            <div class="hps-divider"></div>
883            <div class="hps-product-actions">
884              <div class="hps-learn-more">
885                <a href="/products/granulated-sugar">Learn More</a>
886              </div>
887              <div class="hps-buy-now">
888                <a href="https://api.pearcommerce.com/v1/direct_atc?|offerId=2868438276045334&amp;retailer=walmart&amp;fast=true">Buy Now</a>
889              </div>
890            </div>
891          </div>
892                                                          
893          <div class="hps-product-card">
894            <div class="hps-product-image">
895                <img loading="lazy" src="/sites/default/files/2025-03/Baker%27s%20sugar.webp" width="900" height="1200" alt="A tub of Domino® Baker’s Sugar" />
896
897
898            </div>
899            <h3 class="hps-product-title"><a href="/products/bakers-sugar" hreflang="en">Baker’s Sugar™</a></h3>
900            <div class="hps-divider"></div>
901            <div class="hps-product-actions">
902              <div class="hps-learn-more">
903                <a href="/bakers-sugar">Learn More</a>
904              </div>
905              <div class="hps-buy-now">
906                <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045326&amp;retailer=walmart&amp;fast=true">Buy Now</a>
907              </div>
908            </div>
909          </div>
910                                                          
911          <div class="hps-product-card">
912            <div class="hps-product-image">
913                <img loading="lazy" src="/sites/default/files/2024-10/Light%20Brown_Forward%20%281%29.png" width="900" height="1200" alt="Domino® Light Brown Sugar" />
914
915
916            </div>
917            <h3 class="hps-product-title"><a href="/products/light-brown-sugar" hreflang="en">Light Brown Sugar</a></h3>
918            <div class="hps-divider"></div>
919            <div class="hps-product-actions">
920              <div class="hps-learn-more">
921                <a href="/products/light-brown-sugar">Learn More</a>
922              </div>
923              <div class="hps-buy-now">
924                <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045320&amp;retailer=walmart&amp;fast=true">Buy Now</a>
925              </div>
926            </div>
927          </div>
928                                                          
929          <div class="hps-product-card">
930            <div class="hps-product-image">
931                <img loading="lazy" src="/sites/default/files/2025-03/dark-brown-llb%20%281%29.webp" width="900" height="1200" alt="Domino® Dark Brown Sugar" />
932
933
934            </div>
935            <h3 class="hps-product-title"><a href="/products/dark-brown-sugar" hreflang="en">Dark Brown Sugar</a></h3>
936            <div class="hps-divider"></div>
937            <div class="hps-product-actions">
938              <div class="hps-learn-more">
939                <a href="/products/dark-brown-sugar">Learn More</a>
940              </div>
941              <div class="hps-buy-now">
942                <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045338&amp;retailer=walmart&amp;fast=true">Buy Now</a>
943              </div>
944            </div>
945          </div>
946                                                          
947          <div class="hps-product-card">
948            <div class="hps-product-image">
949                <img loading="lazy" src="/sites/default/files/2025-03/erasebg-transformed.png" width="900" height="1200" alt="Domino® Golden Sugar" />
950
951
952            </div>
953            <h3 class="hps-product-title">
953<a href="/products/golden-sugar" hreflang="en">Golden Sugar</a></h3>
954            <div class="hps-divider"></div>
955            <div class="hps-product-actions">
956              <div class="hps-learn-more">
957                <a href="/products/golden-sugar">Learn More</a>
958              </div>
959              <div class="hps-buy-now">
960                <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045338&amp;retailer=walmart&amp;fast=true">Buy Now</a>
961              </div>
962            </div>
963          </div>
964                                                          
965          <div class="hps-product-card">
966            <div class="hps-product-image">
967                <img loading="lazy" src="/sites/default/files/2025-03/powered-sugar-domino%20%281%29.png" width="900" height="1200" alt="Domino® Powdered Sugar" />
968
969
970            </div>
971            <h3 class="hps-product-title"><a href="/products/powdered-sugar" hreflang="en">Powdered Sugar</a></h3>
972            <div class="hps-divider"></div>
973            <div class="hps-product-actions">
974              <div class="hps-learn-more">
975                <a href="/products/powdered-sugar">Learn More</a>
976              </div>
977              <div class="hps-buy-now">
978                <a href="https://lets.shop/2144/website_product_page_shopnow_powdered_sugar/">Buy Now</a>
979              </div>
980            </div>
981          </div>
982                                                          
983          <div class="hps-product-card">
984            <div class="hps-product-image">
985                <img loading="lazy" src="/sites/default/files/2025-04/sugar%20packets.webp" width="900" height="1200" alt="Domino® Sugar Packets" />
986
987
988            </div>
989            <h3 class="hps-product-title"><a href="/products/sugar-packets" hreflang="en">Sugar Packets</a></h3>
990            <div class="hps-divider"></div>
991            <div class="hps-product-actions">
992              <div class="hps-learn-more">
993                <a href="/products/sugar-packets">Learn More</a>
994              </div>
995              <div class="hps-buy-now">
996                <a href="/order-online">Buy Now</a>
997              </div>
998            </div>
999          </div>
1000                                                          
1001          <div class="hps-product-card">
1002            <div class="hps-product-image">
1003                <img loading="lazy" src="/sites/default/files/2025-11/Turbinado-Sugar.png" width="340" height="490" alt="domino premium pure cane turbinado sugar 1lb package" />
1004
1005
1006            </div>
1007            <h3 class="hps-product-title"><a href="/products/turbinado-sugar" hreflang="en">Turbinado Sugar</a></h3>
1008            <div class="hps-divider"></div>
1009            <div class="hps-product-actions">
1010              <div class="hps-learn-more">
1011                <a href="/products/turbinado-sugar">Learn More</a>
1012              </div>
1013              <div class="hps-buy-now">
1014                <a href="/order-online">Buy Now</a>
1015              </div>
1016            </div>
1017          </div>
1018                                                          
1019          <div class="hps-product-card">
1020            <div class="hps-product-image">
1021                <img loading="lazy" src="/sites/default/files/2025-11/Organic-Raw-Cane-Sugar.png" width="340" height="490" alt="Domino® Organic Raw Cane Sugar" />
1022
1023
1024            </div>
1025            <h3 class="hps-product-title"><a href="/products/organic-raw-cane-sugar" hreflang="en">Organic Raw Cane Sugar</a></h3>
1026            <div class="hps-divider"></div>
1027            <div class="hps-product-actions">
1028              <div class="hps-learn-more">
1029                <a href="/products/organic-raw-cane-sugar">Learn More</a>
1030              </div>
1031              <div class="hps-buy-now">
1032                <a href="/order-online">Buy Now</a>
1033              </div>
1034            </div>
1035          </div>
1036              </div>
1037      <div class="hps-slider-nav">
1038        <!-- Prev Button -->
1039        <button class="hps-prev" aria-label="Previous Slide">
1040          <svg
1041            width="21"
1042            height="15"
1043            viewBox="0 0 21 15"
1044            fill="none"
1045            xmlns="http://www.w3.org/2000/svg"
1046          >
1047            <path
1048              d="M.293 6.657a1 1 0 0 0 0 1.414l6.364 6.364a1 1 0 0 0 1.414-1.414L2.414 7.364l5.657-5.657A1 1 0 0 0 6.657.293zM21 7.364v-1H1v2h20z"
1049              fill="#263b80"
1050            />
1051          </svg>
1052        </button>
1053
1054      
1055        <!-- Next Button -->
1056        <button class="hps-next" aria-label="Next Slide">
1057          <svg
1058            width="21"
1059            height="15"
1060            viewBox="0 0 21 15"
1061            fill="none"
1062            xmlns="http://www.w3.org/2000/svg"
1063          >
1064            <path
1065              d="M20.707 8.071a1 1 0 0 0 0-1.414L14.343.293a1 1 0 1 0-1.414 1.414l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM0 7.364v1h20v-2H0z"
1066              fill="#263b80"
1067            />
1068          </svg>
1069        </button>
1070      </div>
1071    </div>
1072
1073  
1074    <div class="hps-view-all">
1075            <a href="/products">View All Products</a>
1076              </div>
1077
1078  </div>
1079</section>
1080
1081<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
1082<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
1083<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
vendor: 1 bytes, line 1083
1083
1084<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
vendor: 1 bytes, line 1084
1084
1085<script>
1086(function($){
1087  $(document).ready(function(){
1088
1089    var $slider = $('.hps-slider'); 
1090    var $prev = $('.hps-prev');
1091    var $next = $('.hps-next');
1092
1093    if($slider.length){
1094
1095      $slider.owlCarousel({
1096        loop: true,
1097        margin: 20,
1098        nav: false,
1099        dots: false,
1100        responsive: {
1101          0: { items: 1 },
1102          480: { items: 2 },
1103          768: { items: 2 },
1104          1024: { items: 3 },
1105          1440:{ items: 4 },
1106          1800:{ items: 5 }
1107        }
1108      });
1109
1110      function updateArrows(){
1111        var carouselData = $slider.data('owl.carousel');
1112        var totalItems = carouselData.items().length;        // total items
1113        var currentIndex = carouselData.relative(carouselData.current());
1114        var visibleItems = getVisibleItems();
1115
1116        // Logic: hide arrows if all items visible
1117        if(totalItems <= visibleItems){
1118          $prev.hide();
1119          $next.hide();
1120          return;
1121        } else {
1122          $prev.show();
1123          $next.show();
1124        }
1125
1126        // Disable arrows if at start/end
1127        if(currentIndex === 0){
1128          $prev.addClass('disabled'); 
1129        } else {
1130          $prev.removeClass('disabled');
1131        }
1132
1133        if(currentIndex + visibleItems >= totalItems){
1134          $next.addClass('disabled'); 
1135        } else {
1136          $next.removeClass('disabled');
1137        }
1138      }
1139
1140      // Get visible items based on window width
1141      function getVisibleItems(){
1142        var width = $(window).width();
1143        if(width >= 1800) return 5;
1144        if(width >= 1440) return 4;
1145        if(width >= 1024) return 3;
1146        if(width >= 768) return 2;
1147        if(width >= 480) return 2;
1148        return 1;
1149      }
1150
1151      // Initial check
1152      updateArrows();
1153
1154      // On slide change
1155      $slider.on('changed.owl.carousel', updateArrows);
1156
1157      // Custom nav buttons
1158      $prev.click(function(){
1159        if(!$(this).hasClass('disableds')) $slider.trigger('prev.owl.carousel');
1160      });
1161      $next.click(function(){
1162        if(!$(this).hasClass('disableds')) $slider.trigger('next.owl.carousel');
1163      });
1164
1165      // Update on resize
1166      $(window).resize(updateArrows);
1167
1168    }
1169
1170  });
1171})(jQuery);
1172
1173</script>
1173
1174
1175
1176<style>
1177  .homepage-product-slider {
1178  max-width: 1920px;
1179  margin: 0 auto;
1180  padding: clamp(60px, 8vw, 120px) clamp(20px, 4vw, 50px) clamp(80px, 10vw, 150px);
1181  /* background: #f8f6f6; */
1182}
1183
1184/* Section Title */
1185.hps-section-title{
1186  position: relative;
1187  display: flex;
1188  align-items: center;
1189  text-align: center;
1190  font-family: "FONTSPRING DEMO - Buinton", serif;
1191  font-weight: 400;
1192  font-size: clamp(36px, 6vw, 80px);
1193  line-height: 55px;
1194  letter-spacing: 0;
1195  color: #263b80;
1196  gap: 1rem;
1197  flex-wrap: nowrap;
1198  flex-direction: row;
1199  justify-content: center;
1200}
1201
1202.hps-section-title::before,
1203.hps-section-title::after {
1204  content: "";
1205  display: inline-block;
1206  width: 84px;
1207  height: 15px;
1208  background: url("data:image/svg+xml;utf8,<svg width='84' height='10' viewBox='0 0 84 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path stroke='%23ae841f' stroke-width='2' d='M0 1h84M0 9h84'/></svg>")
1209    no-repeat center;
1210  background-size: contain;
1211  /* flex-shrink: 0; */
1212}
1213
1214
1215
1216h3.hps-product-title{
1217  margin:0;
1218}
1219.hps-product-title a{
1220color: #263B80;
1221font-family: var(---font-family-Korolev-Medium);font-weight: 700;
1222font-style: Bold;
1223font-size: 22px;
1224leading-trim: NONE;
1225line-height: 100%;
1226letter-spacing: 0%;
1227text-align: center;
1228
1229}
1230.hps-learn-more a {
1231  font-family: var(---font-family-Korolev-Medium);
1232  font-weight: 700;
1233  font-size: 14px;
1234  line-height: 1;
1235  letter-spacing: 0;
1236  text-align: right;
1237  color: #263b80;
1238  text-decoration: none;
1239  display: inline-flex;
1240  align-items: center;
1241  gap: 0.4rem;
1242}
1243
1244.hps-learn-more a::after {
1245  content: "";
1246  display: inline-block;
1247  width: 21px;
1248  height: 15px;
1249  background: url("data:image/svg+xml;utf8,<svg width='21' height='15' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20.707 8.071a1 1 0 0 0 0-1.414L14.343.293a1 1 0 1 0-1.414 1.414l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM0 7.364v1h20v-2H0z' fill='%23263b80'/></svg>") no-repeat center;
1250  background-size: contain;
1251}
1252
1253.hps-buy-now a {
1254  font-family: var(---font-family-Korolev-Medium);
1255  font-weight: 700;
1256  color: #fff;
1257  background-color: #D92D27;
1258  border: 0.063rem solid #B11813;
1259  border-radius: 6px;
1260  padding: 15px 20px;
1261  line-height: 1;
1262  text-decoration: none;
1263  transition: all .25s ease;
1264}
1265.hps-buy-now a:hover {
1266 background:#B21914;
1267}
1268.hps-buy-now a:focus {
1269 background:#FFDA00;
1270 border-color: #FFDA00;
1271 color:#263B80;
1272}
1273.hps-divider {
1274    height: 0.0625rem;
1275    width: 100%;
1276    background: rgba(174, 132, 31, 1);
1277    margin: 26px 0px;
1278}
1279
1280.hps-product-card {
1281    text-align: center;
1282    display: flex;
1283    flex-direction: column;
1284    align-items: center;
1285    gap: 1.25rem;
1286}
1287.hps-slider .hps-product-card {
1288    height: auto;
1289}
1290.hps-product-image {
1291  height: 17.5rem;
1292
1293}
1294.hps-product-image img{
1295  max-width:100%;
1296  max-height:100%;
1297  width:auto;
1298  object-fit:contain;
1299}
1300  .hps-slider-wrapper {
1301    position: relative;
1302  }
1303
1304  .hps-product-card {
1305    background: #fff;
1306    text-align: center;
1307    padding: 20px;
1308  }
1309
1310  .hps-product-actions {
1311    display: flex;
1312    justify-content: center;
1313    align-items: center;
1314    flex-wrap:wrap;
1315    gap: 70px;
1316    gap:128px;
1317     row-gap: 25px;
1318  }
1319
1320  .hps-view-all {
1321    text-align: center;
1322    margin-top: 60px;
1323  }
1324
1325  .hps-view-all a {
1326    font-family: 'Korolev Medium';
1327    font-weight: 700;
1328    font-style: Bold;
1329    font-size: 18px;
1330    leading-trim: NONE;
1331    line-height: 100%;
1332    letter-spacing: 0%; 
1333    border: 1px solid;
1334    color: rgba(38, 59, 128, 0.93);
1335    padding: 15px 20px;
1336    border: 0.125rem solid #263B80;
1337    border-radius: 6px;
1338    display:inline-block;
1339    transition: all .25s ease;
1340}
1341.hps-view-all a:hover{
1342    border: 0.125rem solid #263B80;
1343    box-shadow: 0 0 0 0.125rem #263B80;
1344}
1345.hps-view-all a:focus{
1346    background:#FFDA00;
1347    box-shadow:0 0 0 0px #FFDA00;
1348    border:0.125rem solid #FFDA00;
1349}
1350 
1351.hps-prev.disabled,
1352.hps-next.disabled {
1353  opacity: 1;
1354  cursor: pointer;
1355}
1356
1357  @media (max-width: 768px) {
1358   .hps-section-title {
1359    flex-direction: column;  /* stack vertically */
1360    gap: 0.6rem;
1361    line-height:normal;
1362  }
1363
1364   .hps-slider .owl-nav button.owl-prev {
1365      left: -40px;
1366    }
1367
1368    .hps-slider .owl-nav button.owl-next {
1369      right: -40px;
1370    }
1371  }
1372  @media (max-width: 480px) {
1373 
1374    .hps-slider .owl-nav button.owl-prev {
1375      left: -30px;
1376    }
1377
1378    .hps-slider .owl-nav button.owl-next {
1379      right: -30px;
1380    }
1381
1382    .hps-slider .owl-nav button {
1383      width: 35px !important;
1384      height: 35px !important;
1385    }
1386
1387    .hps-section-title h1 {
1388      font-size: 2rem;
1389    }
1390  }
1391  /* Desktop: arrows at left/right */
1392.hps-slider-nav {
1393  position: absolute;
1394  width: 100%;
1395  top: 50%;
1396  transform: translateY(-50%);
1397  display: flex;
1398  justify-content: space-between;
1399  z-index:9;
1400  pointer-events: none;
1401}
1402
1403.hps-slider-nav button {
1404  pointer-events: all;
1405  background: white;
1406border:0;
1407  width: auto;
1408  height: auto;
1409  display: flex;
1410  align-items: center;
1411  justify-content: center;
1412  cursor: pointer;
1413}
1414
1415/* Mobile & tablet: move arrows below carousel and center */
1416@media (max-width: 768px) {
1417  .hps-slider-nav {
1418    position: relative;
1419    top: auto;
1420    transform: none;
1421    flex-direction: row;
1422    justify-content: center;
1423    gap: 20px;
1424    margin-top: 15px;
1425  }
1426
1427  .hps-slider-nav button {
1428    width: auto;
1429    height: auto;
1430  }
1431}
1432
1433</style>
1434    </div>
1435  
1436          </div>
1437</div>
1438
1439    </div>
1440  </div>
1441<div class="views-element-container block block-views block-views-blockultimate-view-block-1" id="block-dominosugar-barrio-views-block-ultimate-view-block-1">
1442  
1443    
1444      <div class="content">
1445      <div><div class="view view-ultimate-view view-id-ultimate_view view-display-id-block_1 js-view-dom-id-de4a7106f4c527ceff368798d144dff7881da4604825a2be85af333a1c33fb78">
1446  
1447    
1448      
1449      <div class="view-content row">
1450          <div class="views-row">
1451    
1452
1453<section class="ultimate-hero-wrapper">
1454  <div class="ultimate-hero-inner">
1455
1456              <div class="ultimate-image-wrapper">
1457          <img loading="lazy" src="/sites/default/files/2026-08/product-making-the-perfect-caramel-sauce-with-domino-bakers-sugar_2.png" width="600" height="639" alt="Caramel" />
1458
1459
1460      </div>
1461    
1462    <div class="ultimate-content">
1463                    <h2 class="ultimate-heading">Make the Perfect Caramel with Domino® Baker&#039;s Sugar™</h2>
1464      
1465                    <p class="ultimate-description">Nothing says fall like the smell of the perfect Caramel Sauce, and it’s never been easier to make than with Domino® Baker’s Sugar™</p>
1466      
1467            
1468                    <div class="ultimate-button">
1469          <a href="https://www.dominosugar.com/baking-tips-how-tos/making-the-perfect-caramel-sauce-with-domino-bakers-sugar">Learn How Here!</a>
1470        </div>
1471      
1472      <div class="ultimate-stars">
1473        <span class="ultimate-star star1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1474          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
1475            <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
1476          </svg>
1477        </span>
1478    
1479        <span class="ultimate-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1480          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
1481            <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
1482          </svg>
1483        </span>
1484
1485        <span class="ultimate-star star3" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1486          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
1487            <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
1488          </svg>
1489        </span>
1490      </div>
1491    </div>
1492  </div>
1493</section>
1494<style>
1495/* Ultimate hero - base styles (remove .page-node-4268 if you want global) */
1496/* To scope to a single node, prefix all rules with .page-node-4268   */
1497/* Example: .page-node-4268 .ultimate-hero-wrapper { ... }           */
1498
1499.page-node-4268 .ultimate-hero-wrapper {
1500  max-width: 88rem;
1501  margin: 0 auto;
1502  padding: 4.5rem 2.5rem; 
1503  display: flex;
1504  align-items: center;
1505  gap: 3.75rem;
1506  position: relative;
1507  box-sizing: border-box;
1508}
1509
1510.page-node-4268 .ultimate-hero-inner {
1511  display: flex;
1512  width: 100%;
1513  align-items: center;
1514  gap: 2rem;
1515}
1516
1517.page-node-4268 .ultimate-image-wrapper {
1518  flex: 1;
1519  max-width: 50%;
1520}
1521.page-node-4268 .ultimate-image-wrapper img {
1522  width: 100%;
1523  height: auto;
1524  display: block;
1525  border-radius: .5rem;
1526  box-shadow: 0.5rem 0.5rem 0 0 #f4d03f;
1527}
1528
1529.page-node-4268 .ultimate-content {
1530  flex: 1;
1531  position: relative;
1532  z-index: 2;
1533}
1534
1535.page-node-4268 .ultimate-body {
1536  margin: 1rem 0;
1537  font-size: 1rem;
1538  color: #222;
1539}
1540
1541
1542.page-node-4268 .ultimate-button a,
1543.page-node-4268 .ultimate-button .button {
1544  display: inline-block;
1545  padding: 0.875rem 1.5rem;
1546  font-size: 1rem;
1547  font-weight: 700;
1548  color: #003d82;
1549  background: #fff;
1550  border: 3px solid #003d82;
1551  border-radius: .3125rem;
1552  text-decoration: none;
1553  transition: all .25s ease;
1554}
1555
1556@media (max-width: 64rem) {
1557 .page-node-4268 .ultimate-hero-wrapper { padding: 3rem 2rem; }
1558  .page-node-4268 .ultimate-image-wrapper { max-width: 45%; }
1559}
1560
1561@media (max-width: 48rem) {
1562 .page-node-4268 .ultimate-hero-wrapper { flex-direction: column; gap: 1.5rem; padding: 2rem 1.25rem; }
1563 .page-node-4268 .ultimate-image-wrapper { max-width: 100%; order: 2; }
1564  .page-node-4268 .ultimate-content { order: 1; text-align: center; }
1565  .ultimate-description { margin-left: auto; margin-right: auto; }
1566}
1567</style>
1568  </div>
1569
1570    </div>
1571  
1572          </div>
1573</div>
1574
1575    </div>
1576  </div>
1577<div class="views-element-container block block-views block-views-blocknew-menu-view-block-1" id="block-dominosugar-barrio-views-block-new-menu-view-block-1">
1578  
1579    
1580      <div class="content">
1581      <div><div class="view view-new-menu-view view-id-new_menu_view view-display-id-block_1 js-view-dom-id-cb98daaec082de4d956f5397526bcf7f2d1e241c34e3149e8ffd8a5ab1dc33d2">
1582  
1583    
1584      
1585      <div class="view-content row">
1586          <div class="views-row">
1587    
1588
1589<section class="mastermenu-section">
1590  <div class="mastermenu-wrapper">
1591
1592    <!-- Image Area -->
1593    <div class="mastermenu-image">
1594        <img loading="lazy" src="/sites/default/files/2026-08/recipe-air-fryer-apple-spiced-oatmeal-cookie
1594s.jpg" width="600" height="400" alt="Apple Spiced oatmel cookies" />
1595
1596
1597
1598      <!-- Decorative Sparkles -->
1599      <span class="mastermenu-sparkle mastermenu-sparkle-left" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1600        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
1601          <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
1602        </svg>
1603      </span>
1604      <span class="mastermenu-sparkle mastermenu-sparkle-right" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1605        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
1606          <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
1607        </svg>
1608      </span>
1609      <span class="mastermenu-star star1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1610        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
1611          <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng
1611+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
1612        </svg>
1613      </span>
1614      <span class="mastermenu-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1615        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="18" viewBox="0 0 20 18">
1616          <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAACg0lEQVR4AYxTTUhUURQ+5476ZrIwBhMd9c0oan+7fjbWQoOgTVCLSKEWQUEuooj2jq2DohZJtAiKEloUbVoqRLXoZ9cfWjpv9DloSNHPm3Hm3eN3HZ6gzoxezrn3/Hzne+ee956iCkuION3V0pxqix19v5+qaROrIuFyfYGiTOpa3e9ohDaxNiJkLbILPIctv/bSeEeHZbqGX1YqE/aQYqIL0DCRvhyWbC+YKtaUTY72UJXj2MeI+Ai6Ao7rSdOj6faWE3N7dmwtxmjdAnBdjAaJVFc61kSiYVKAYZBERei+51nDGdvevTwCPBjxEFQZDcArrAhy/876Wt8PXWWifUjgwF4UY2/H1p8PyRtLew/SU62nZhLNB9H53kyi0V5FaMhmY7HIlnxkiFgGwLEqDz8QxGUbCZ8G7qEwvRDhPo+VhUQRAzKViscbfUslSeQiojXQjaQAwGul5ORcNJ1sm3THl+9tPlq33e5Wyh8RoitEhLdKuBms0gIYZQG4pXWoL/bdfXvgA+Xha+W2xTobFlqTvuhnqD0ErYJuJIvEPBzK6WQ8lcoYoqBALYrOMcuIEjmOmZwlphEi/kOEjwRbCdHA3f1f7Q02ua4HMtPtCkwlpjJOy4/pT81TM+9aE+mnORU+V+1zN1CPgfoFhYm9KMb+mFeFm0++/fy3lsxAzJ+gkTDq8xgVOicmco2O8yUSyQ0w03mAFqCGCAdpIXXdsWfdoTI3UAa1Vhnghs/zf9H5c1Z0hknmTUxIxuy487IXD15bE/glCYMkTp3l8Ci6uo0Ws/Dv0VjZ2ZJZFQnRlZgR1IasOwC/8om/4gQ39jJSkTComayb8IT1jZqQmHkG4ZLnEgAAAP//KejbDAAAAAZJREFUAwDZ2uTJtYphZwAAAABJRU5ErkJggg==" x="0" y="0" width="20" height="18"></image>
1617        </svg>
1618      </span>
1619      <span class="mastermenu-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
1620        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="18" viewBox="0 0 20 18">
1621          <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAACg0lEQVR4AYxTTUhUURQ+5476ZrIwBhMd9c0oan+7fjbWQoOgTVCLSKEWQUEuooj2jq2DohZJtAiKEloUbVoqRLXoZ9cfWjpv9DloSNHPm3Hm3eN3HZ6gzoxezrn3/Hzne+ee956iCkuION3V0pxqix19v5+qaROrIuFyfYGiTOpa3e9ohDaxNiJkLbILPIctv/bSeEeHZbqGX1YqE/aQYqIL0DCRvhyWbC+YKtaUTY72UJXj2MeI+Ai6Ao7rSdOj6faWE3N7dmwtxmjdAnBdjAaJVFc61kSiYVKAYZBERei+51nDGdvevTwCPBjxEFQZDcArrAhy/876Wt8PXWWifUjgwF4UY2/H1p8PyRtLew/SU62nZhLNB9H53kyi0V5FaMhmY7HIlnxkiFgGwLEqDz8QxGUbCZ8G7qEwvRDhPo+VhUQRAzKViscbfUslSeQiojXQjaQAwGul5ORcNJ1sm3THl+9tPlq33e5Wyh8RoitEhLdKuBms0gIYZQG4pXWoL/bdfXvgA+Xha+W2xTobFlqTvuhnqD0ErYJuJIvEPBzK6WQ8lcoYoqBALYrOMcuIEjmOmZwlphEi/kOEjwRbCdHA3f1f7Q02ua4HMtPtCkwlpjJOy4/pT81TM+9aE+mnORU+V+1zN1CPgfoFhYm9KMb+mFeFm0++/fy3lsxAzJ+gkTDq8xgVOicmco2O8yUSyQ0w03mAFqCGCAdpIXXdsWfdoTI3UAa1Vhnghs/zf9H5c1Z0hknmTUxIxuy487IXD15bE/glCYMkTp3l8Ci6uo0Ws/Dv0VjZ2ZJZFQnRlZgR1IasOwC/8om/4gQ39jJSkTComayb8IT1jZqQmHkG4ZLnEgAAAP//KejbDAAAAAZJREFUAwDZ2uTJtYphZwAAAABJRU5ErkJggg==" x="0" y="0" width="20" height="18"></image>
1622        </svg>
1623      </span>
1624     
1625    </div>
1626
1627    <!-- Content Area -->
1628    <div class="mastermenu-content">
1629              <h2 class="mastermenu-heading">Fall Recipes You Need to Bake This Season</h2>
1630      
1631              <p class="mastermenu-text">Celebrate the flavors of fall with a cozy collection of Domino® Sugar recipes made to bring seasonal baking, sweet treats, and warm memories to your table.</p>
1632      
1633              <div class="mastermenu-button cta-btn">
1634          <a href="https://www.dominosugar.com/fall-recipes">Find the Perfect Recipe!</a>
1635        </div>
1636          </div>
1637
1638  </div>
1639</section>
1640
1641
1642  </div>
1643
1644    </div>
1645  
1646          </div>
1647</div>
1648
1649    </div>
1650  </div>
1651<div class="views-element-container block block-views block-views-blockreinvent-leftovers-view-block-1" id="block-dominosugar-barrio-views-block-reinvent-leftovers-view-block-1">
1652  
1653    
1654      <div class="content">
1655      <div><div class="view view-reinvent-leftovers-view view-id-reinvent_leftovers_view view-display-id-block_1 js-view-dom-id-d6781fa2bb2eeb15cde13a7dbc0f7c78454
165562d6cafffb9a8fe04adb860ef83ba">
1656  
1657    
1658      
1659      <div class="view-content row">
1660          <div class="views-row">
1661    
1662
1663<section class="reinvent-section">
1664  <div class="mastermenu-wrapper">
1665
1666    <!-- Image Area -->
1667    <div class="mastermenu-image">
1668        <img loading="lazy" src="/sites/default/files/2026-08/pumpkin-bars.jpg" width="600" height="400" alt="Pumpkin bars" />
1669
1670
1671
1672      <!-- Decorative Sparkles -->
1673      <span class="reinvent-sparkle reinvent-sparkle-left">
1674        <svg viewBox="0 0 24 24" fill="#facc15">
1675          <path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"/>
1676        </svg>
1677      </span>
1678      <span class="reinvent-sparkle reinvent-sparkle-right">
1679        <svg viewBox="0 0 24 24" fill="#facc15">
1680          <path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"/>
1681        </svg>
1682      </span>
1683    </div>
1684
1685    <!-- Content Area -->
1686    <div class="mastermenu-content">
1687              <h2 class="mastermenu-heading">Big Fall Flavor, Perfectly Sized</h2>
1688      
1689              <p class="mastermenu-text">Creamy, spiced, and made to impress—these Pumpkin Bars deliver all the goodness of the season in every bite.</p>
1690      
1691              <div class="mastermenu-button cta-btn">
1692          <a href="https://www.dominosugar.com/recipe/pumpkin-bars">Bake This Recipe!</a>
1693        </div>
1694          </div>
1695
1696  </div>
1697</section>
1698
1699<style>
1700/*  Reinvent Leftovers Section */
1701.page-node-4268 .reinvent-section {
1702  background-color: #ffffff;
1703  padding: 4rem 5%;
1704  display: flex;
1705  justify-content: center;
1706  align-items: center;
1707}
1708
1709.page-node-4268 .reinvent-wrapper {
1710  display: flex;
1711  align-items: center;
1712  justify-content: space-between;
1713  max-width: 80rem;
1714  width: 100%;
1715  gap: 3rem;
1716  flex-wrap: wrap;
1717}
1718
1719/*  Image Area */
1720.page-node-4268 .reinvent-image {
1721  flex: 1 1 40%;
1722  position: relative;
1723  display: flex;
1724  justify-content: center;
1725  align-items: center;
1726}
1727
1728.page-node-4268 .reinvent-image img {
1729  width: 100%;
1730  height: auto;
1731  max-width: 30rem;
1732  border-radius: 0.75rem;
1733  box-shadow:  12px 12px 0 #facc15; 
1734  object-fit: cover;
1735}
1736
1737/* Sparkles */
1738.page-node-4268 .reinvent-sparkle {
1739  position: absolute;
1740  width: 1.5rem;
1741  height: 1.5rem;
1742  animation: sparkle-twinkle 2s infinite alternate;
1743}
1744
1745.page-node-4268 .reinvent-sparkle-left {
1746  top: 5%;
1747  left: 10%;
1748}
1749
1750.page-node-4268 .reinvent-sparkle-right {
1751  bottom: 10%;
1752  right: 5%;
1753}
1754
1755@keyframes sparkle-twinkle {
1756  0% {
1757    opacity: 0.5;
1758    transform: scale(0.9) rotate(15deg);
1759  }
1760  100% {
1761    opacity: 1;
1762    transform: scale(1.2) rotate(-15deg);
1763  }
1764}
1765
1766/* 📝 Content Area */
1767.page-node-4268 .reinvent-content {
1768  flex: 1 1 50%;
1769  color: #002d72;
1770  text-align: left;
1771}
1772
1773.page-node-4268 .reinvent-heading {
1774  font-size: 2rem;
1775  font-weight: 700;
1776  color: #002d72;
1777  margin-bottom: 1rem;
1778  text-transform: uppercase;
1779}
1780
1781.page-node-4268 .reinvent-text {
1782  font-size: 1.2rem;
1783  color: #000000;
1784  margin-bottom: 1.5rem;
1785  line-height: 1.6;
1786}
1787
1788.page-node-4268 .reinvent-button a {
1789  display: inline-block;
1790  text-decoration: none;
1791  border: 2px solid #002d72;
1792  color: #002d72;
1793  padding: 0.75rem 1.5rem;
1794  border-radius: 0.375rem;
1795  font-weight: 600;
1796  font-size: 1rem;
1797  transition: all 0.3s ease;
1798}
1799
1800.page-node-4268 .reinvent-button a:hover {
1801  background-color: #002d72;
1802  color: #fff;
1803}
1804
1805/* 📱 Responsive */
1806@media (max-width: 992px) {
1807  .page-node-4268 .reinvent-wrapper {
1808    flex-direction: column-reverse;
1809    text-align: center;
1810  }
1811
1812  .page-node-4268 .reinvent-content {
1813    flex: 1 1 100%;
1814  }
1815
1816  .page-node-4268 .reinvent-image img {
1817    max-width: 25rem;
1818    box-shadow: 12px 12px 0 #facc15
1819  }
1820}
1821</style>
1822
1823  </div>
1824
1825    </div>
1826  
1827          </div>
1828</div>
1829
1830    </div>
1831  </div>
1832<div class="views-element-container block block-views block-views-blocknew-video-tutorial-view-block-1" id="block-dominosugar-barrio-views-block-new-video-tutorial-view-block-1">
1833  
1834    
1835      <div class="content">
1836      <div><div class="view view-new-video-tutorial-view view-id-new_video_tutorial_view view-display-id-block_1 js-view-dom-id-ffa357d21cfa753040e007af8f17e5c1c14c50bf19293a5d99c0ca170f989b93">
1837  
1838    
1839      
1840      <div class="view-content row">
1841          <div class="views-row">
1842    
1843
1844<section class="videotutorial-section">
1845  <div class="videotutorial-wrapper">
1846          <div class="videotutorial-player" data-video="https://youtu.be/kZBQlbYZj1o?si=FikuZZp_yqSDpcCO">
1847        <div class="video-bg">  <img loading="lazy" src="/sites/default/files/2026-08/espresso-cookies_0.png" width="600" height="349" alt="Espresso Cookies" />
1848
1849</div>
1850
1851                <div class="play-btn">
1852          <svg width="80" height="80" viewBox="0 0 24 24">
1853            <polygon points="5,3 19,12 5,21" fill="#FFDA00" />
1854          </svg>
1855        </div>
1856              </div>
1857      </div>
1858</section>
1859
1860<div id="video-lightbox" class="video-lightbox">
1861
1862  <div class="video-lightbox-content">
1863
1864        <button class="video-lightbox-close inside" aria-label="Close">
1865      <svg width="32" height="32" viewBox="0 0 24 24" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1866        <line x1="18" y1="6" x2="6" y2="18"/>
1867        <line x1="6" y1="6" x2="18" y2="18"/>
1868      </svg>
1869    </button>
1870
1871        
1872    <div id="video-lightbox-frame"></div>
1873  </div>
1874</div>
1875
1876<style>
1877
1878.video-lightbox {
1879  position: fixed;
1880  inset: 0;
1881  background: rgba(0,0,0,0.88);
1882  display: flex;
1883  justify-content: center;
1884  align-items: center;
1885  padding: 20px;
1886  z-index: 999999;
1887  opacity: 0;
1888  visibility: hidden;
1889  transition: opacity .35s ease, visibility .35s ease;
1890}
1891
1892.video-lightbox.active {
1893  opacity: 1;
1894  visibility: visible;
1895}
1896
1897.video-lightbox-content {
1898  position: relative;
1899  width: 100%;
1900  max-width: 1150px;
1901  animation: zoomIn .4s ease;
1902}
1903
1904@keyframes zoomIn {
1905  from { transform: scale(.85); opacity: 0; }
1906  to   { transform: scale(1); opacity: 1; }
1907}
1908
1909#video-lightbox-frame iframe {
1910  width: 100%;
1911  height: 75vh;         /* ✔ Bigger video height */
1912  max-height: 800px;
1912    /* ✔ Still safe on desktops */
1913  border: none;
1914  border-radius: 14px;
1915  background: #000;
1916}
1917
1918.video-lightbox-close {
1919  background: none;
1920  border: none;
1921  cursor: pointer;
1922  padding: 6px;
1923  z-index: 10;
1924  transition: transform .2s ease;
1925}
1926
1927.video-lightbox-close:hover {
1928  transform: scale(1.12);
1929}
1930
1931/* inside version */
1932.video-lightbox-close.inside {
1933  position: absolute;
1934  top: -45px;
1935  right: 0
1936}
1937
1938/* outside version */
1939.video-lightbox-close.outside {
1940  position: absolute;
1941  top: -45px;
1942  right: 0
1943}
1944
1945</style>
1946
1947<script>
1948(function(){
1949  const players = document.querySelectorAll('.videotutorial-player');
1950  const lightbox = document.getElementById('video-lightbox');
1951  const frame = document.getElementById('video-lightbox-frame');
1952  const closeBtn = document.querySelector('.video-lightbox-close');
1953
1954  function extractYouTubeID(url) {
1955    const m = url.match(/embed\/([^?&]+)|watch\?v=([^&]+)|youtu\.be\/([^?&]+)/);
1956    return m ? (m[1] || m[2] || m[3]) : null;
1957  }
1958
1959  players.forEach(el => {
1960    el.addEventListener('click', () => {
1961      const id = extractYouTubeID(el.dataset.video);
1962      if (!id) return;
1963
1964      frame.innerHTML =
1965        `<iframe src="https://www.youtube.com/embed/${id}?autoplay=1" 
1966         allow="autoplay; fullscreen"></iframe>`;
1967
1968      lightbox.classList.add('active');
1969    });
1970  });
1971
1972  function closeLightbox() {
1973    lightbox.classList.remove('active');
1974    setTimeout(() => frame.innerHTML = "", 300);
1975  }
1976
1977  closeBtn.addEventListener('click', closeLightbox);
1978
1979  lightbox.addEventListener('click', (e) => {
1980    if (e.target === lightbox) closeLightbox();
1981  });
1982
1983})();
1984</script>
1984
1985
1986  </div>
1987
1988    </div>
1989  
1990          </div>
1991</div>
1992
1993    </div>
1994  </div>
1995<div class="views-element-container block block-views block-views-blocksweet-inspiration-block-1" id="block-dominosugar-barrio-views-block-sweet-inspiration-block-1">
1996  
1997    
1998      <div class="content">
1999      <div><div class="view view-sweet-inspiration view-id-sweet_inspiration view-display-id-block_1 js-view-dom-id-a6f7c72d4bb397b0e98222c36da0a4d34f96a3bdb4ce1c989bfeba284c69692d">
2000  
2001    
2002      
2003      <div class="view-content row">
2004          <div class="views-row">
2005    
2006
2007<section class="sweetinspiration-section">
2008  <div class="sweetinspiration-wrapper">
2009
2010          <div class="sweetinspiration-image">
2011          <img loading="lazy" src="/sites/default/files/2025-11/ractangula44.png" width="746" height="501" alt="img" />
2012
2013
2014      </div>
2015    
2016    <div class="sweetinspiration-content">
2017              <h2 class="sweetinspiration-heading">SWEET INSPIRATION FROM OUR KITCHEN TO YOURS</h2>
2018      
2019              <p class="sweetinspiration-text"><p>See what our Corporate Chef, Eleonora, and our talented partners are baking up with Domino® Sugar. From savory starters to decadent desserts, discover new recipes that bring the pure taste of real cane sugar to life in every creation. Let their expertise and creativity inspire your next culinary masterpiece.</p></p>
2020      
2021              <div class="sweetinspiration-button">
2022          <a href="https://www.dominosugar.com/recipes">Homemade Domino® Sugar Recipes</a>
2023        </div>
2024            <div class="sweetinspiration-stars">
2025        <span class="sweetinspiration-star star1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
2026          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
2027            <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
2028          </svg>
2029        </span>              
2030        <span class="sweetinspiration-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
2031          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
2032            <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng
2032+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
2033          </svg>
2034        </span>
2035        <span class="sweetinspiration-star star3" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
2036          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
2037            <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
2038          </svg>
2039        </span>
2040        <span class="sweetinspiration-star star4" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;">
2041          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27">
2042            <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image>
2043          </svg>
2044        </span>
2045      </div>
2046    </div>
2047
2048  </div>
2049</section>
2050
2051<style>
2052.page-node-6956 .sweetinspiration-section {
2053  max-width: 88rem;
2054  margin: 0 auto;
2055  padding: 4.5rem 2.5rem;
2056  display: flex;
2057  align-items: center;
2058  gap: 3.75rem;
2059}
2060
2061.page-node-6956 .sweetinspiration-image {
2062  flex: 1;
2063  max-width: 50%;
2064}
2065
2066.page-node-6956 .sweetinspiration-image img {
2067  width: 100%;
2068  height: auto;
2069  display: block;
2070  border-radius: .5rem;
2071}
2072
2073/* Content */
2074.page-node-6956 .sweetinspiration-content {
2075  flex: 1;
2076  position: relative;
2077  z-index: 2;
2078}
2079
2080
2081
2082.page-node-6956 .sweetinspiration-button a,
2083.page-node-6956 .sweetinspiration-button .button {
2084  display: inline-block;
2085  padding: 1rem 1.25rem;
2086  font-size: 1rem;
2087  font-weight: 700;
2088  color: #fff;
2089  background: #D92D27;
2090  border: 1px solid #B11813;
2091  border-radius: .3125rem;
2092  text-decoration: none;
2093  transition: all .25s ease;
2094}
2095
2096.page-node-6956 .sweetinspiration-button a:hover,
2097.page-node-6956 .sweetinspiration-button .button:hover {
2098  background: #FFDA00;
2099  border:3px solid #FFDA00;
2100}
2101
2102/* Responsive */
2103@media (max-width: 64rem) {
2104  .page-node-6956 .sweetinspiration-section {
2105    padding: 3rem 2rem;
2106    gap: 2rem;
2107  }
2108  .page-node-6956 .sweetinspiration-heading {
2109    font-size: 2rem;
2110  }
2111  .page-node-6956 .sweetinspiration-image {
2112    max-width: 45%;
2113  }
2114}
2115
2116@media (max-width: 48rem) {
2117  .page-node-6956 .sweetinspiration-section {
2118    flex-direction: column;
2119    padding: 2rem 1.5rem;
2120    gap: 2rem;
2121  }
2122  .page-node-6956 .sweetinspiration-image {
2123    max-width: 100%;
2124    order: 2;
2125  }
2126  .page-node-6956 .sweetinspiration-content {
2127    order: 1;
2128    text-align: center;
2129  }
2130  .page-node-6956 .sweetinspiration-heading {
2131    font-size: 1.75rem;
2132  }
2133}
2134
2135@media (max-width: 30rem) {
2136  .page-node-6956 .sweetinspiration-heading {
2137    font-size: 1.5rem;
2138  }
2139  .page-node-6956 .sweetinspiration-button a {
2140    padding: 0.75rem 1.25rem;
2141    font-size: 0.95rem;
2142  }
2143}
2144</style>
2145
2146  </div>
2147
2148    </div>
2149  
2150          </div>
2151</div>
2152
2153    </div>
2154  </div>
2155<div class="views-element-container block block-views block-views-blockhome-video-section-block-1" id="block-dominosugar-barrio-views-block-home-video-section-block-1">
2156  
2157    
2158      <div class="content">
2159      <div><div class="view view-home-video-section view-id-home_video_section view-display-id-block_1 js-view-dom-id-565959a965f0858eab0c2e7dd963d14f0841f442c7c179eeae5
215955e985338daba">
2160  
2161    
2162      
2163      <div class="view-content row">
2164      
2165  
2166<section class="influencer-section">
2167    <div class="influencer-container">
2168        <div class="influencer-header">
2169            <h2 class="hps-section-title">What Our Creators Are Doing</h2>
2170        </div>
2171        
2172        <div class="influencer-wrapper">
2173            <ul id="influencer-slider" class="influencer-list owl-carousel owl-theme">
2174                                                                                                                    
2175                    <li style="padding-bottom:15px" class="influencer-item">
2176                        <div class="influencer-card">
2177                            <div class="card-media">
2178                                 <div>
2179  
2180  
2181  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
2182    <div class="field__label visually-hidden">Image</div>
2183              <div class="field__item">  <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Apple-Spice-cream-cake.jpg?itok=0f1JI_U2" width="384" height="480" alt="Apple Spice Cream Cake" class="image-style-large" />
2184
2185
2186</div>
2187          </div>
2188
2189</div>
2190
2191                            </div>
2192                            <div class="card-info">
2193                                <div class="profile-avatar">
2194                                      <img loading="lazy" src="/sites/default/files/2026-08/Esra%20Mese%20Headshot.jpg" width="1068" height="1600" alt="Esra Mese" />
2195
2196
2197                                </div>
2198                                <div class="profile-details">
2199                                    <div class="profile-username"><a href="https://www.dominosugar.com/recipe/apple-spice-cream-cake">@Charmerkitchen</a></div>
2200                                    <div class="profile-description">Esra Mese is a food photographer and videographer who loves to capture incredible photos of food with delicious recipes to match.</div>
2201                                </div>
2202                            </div>
2203                        </div>
2204                    </li>
2205                                                                                                                    
2206                    <li style="padding-bottom:15px" class="influencer-item">
2207                        <div class="influencer-card">
2208                            <div class="card-media">
2209                                 <div>
2210  
2211  
2212  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
2213    <div class="field__label visually-hidden">Image</div>
2214              <div class="field__item">  <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Vegan%20Pumpkin%20Cheesecake%20Blondie%2008.jpg?itok=oU_JNdul" width="384" height="480" alt="Vegan Pumpkin Cheesecake" class="image-style-large" />
2215
2216
2217</div>
2218          </div>
2219
2220</div>
2221
2222                            </div>
2223                            <div class="card-info">
2224                                <div class="profile-avatar">
2225                                      <img loading="lazy" src="/sites/default/files/2026-08/057b3a70-2f69-4e62-b280-3465c22abbd2.png%20%281%29.png" width="350" height="350" alt="Saloni Mehta" />
2226
2227
2228                                </div>
2229                                <div class="profile-details">
2230                                    <div class="profile-username"><a href="https://www.dominosugar.com/recipe/vegan-pumpkin-cheesecake-blondie">@Pastrybysaloni</a></div>
2231                                    <div class="profile-description">Saloni Mehta is a former professional chef turned food blogger.</div>
2232                                </div>
2233                            </div>
2234                        </div>
2235                    </li>
2236                                                                                                                    
2237                    <li style="padding-bottom:15px" class="influencer-item">
2238                        <div class="influencer-card">
2239                            <div class="card-media">
2240                                 <div>
2241  
2242  
2243  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
2244    <div class="field__label visually-hidden">Image</div>
2245              <div class="field__item">  <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Halloween%20Pumpkin%20Cinnamon%20Rolls%202.jpg?itok=oBdboCk0" width="384" height="480" alt="Halloween Pumpkin Cinnamon Rolls" class="image-style-large" />
2246
2247
2248</div>
2249          </div>
2250
2251</div>
2252
2253                            </div>
2254                            <div class="card-info">
2255                                <div class="profile-avatar">
2256                                      <img loading="lazy" src="/sites/default/files/2026-08/Cambrea.png" width="400" height="380" alt="Cambrea Image" />
2257
2258
2259                                </div>
2260                                <div class="profile-details">
2261                                    <div class="profile-username"><a href="https://www.dominosugar.com/recipe/halloween-pumpkin-cinnamon-rolls">@CambreaBakes</a></div>
2262                                    <div class="profile-description">Cambrea is the pastry chef, recipe developer and food photographer behind Cambrea Bakes!</div>
2263                                </div>
2264                            </div>
2265                        </div>
2266                    </li>
2267                                                                                                                    
2268                    <li style="padding-bottom:15px" class="influencer-item">
2269                        <div class="influencer-card">
2270                            <div class="card-media">
2271                                 <div>
2272  
2273  
2274  <div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
2275    <div class="field__label visually-hidden">Image</div>
2276              <div class="field__item">  <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Apple%20Crumble%20Bars.jpg?itok=5BkQhHYS" width="384" height="480" alt="Apple Crumble Bars" class="image-style-large" />
2277
2278
2279</div>
2280          </div>
2281
2282</div>
2283
2284                            </div>
2285                            <div class="card-info">
2286                                <div class="profile-avatar">
2287                                      <img loading="lazy" src="/sites/default/files/2026-08/Camila%20Hurst.jpg" width="210" height="210" alt="Camila Hurst" />
2288
2289
2290                                </div>
2291                                <div class="profile-details">
2292                                    <div class="profile-username"><a href="https://www.dominosugar.com/recipe/apple-crumb-bars">@Piesandtacos</a></div>
2293                                    <div class="profile-description">Camila Hurst was born and raised in Brazil and has been living in the US since 2011.</div>
2294                                </div>
2295                            </div>
2296                        </div>
2297                    </li>
2298                            </ul>
2299            <div class="influencer-slider-nav">
2300                <button class="inf-prev" aria-label="Previous Slide">
2301                    <svg width="21" height="15" viewBox="0 0 21 15">
2302                        <path d="M.293 6.657a1 1 0 0 0 0 1.414l6.364 6.364a1 1 0 0 0 1.414-1.414L2.414 7.364l5.657-5.657A1 1 0 0 0 6.657.293zM21 7.364v-1H1v2h20z" fill="#263b80"/>
2303                    </svg>
2304                </button>
2305                <button class="inf-next" aria-label="Next Slide">
2306                    <svg width="21" height="15" viewBox="0 0 21 15">
2307                        <path d="M20.707 8.071a1 1 0 0 0 0-1.414L14.343.293a1 1 0 1 0-1.414 1.414l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM0 7.364v1h20v-2H0z" fill="#263b80"/>
2308                    </svg>
2309                </button>
2310            </div>
2311        </div>
2312    </div>
2313</section>
2314
2315<style>
2316.influencer-section {
2317    padding: 60px 20px;
2318}
2319
2320.influencer-container {
2321    max-width: 1920px;
2322    margin: 0 auto;
2323}
2324
2325.influencer-header {
2326    text-align: center;
2327    margin-bottom: 40px;
2328}
2329
2330.influencer-wrapper {
2331    margin: auto;
2332    position: relative;
2333    padding: 0 60px;
2334    max-width: 1600px;
2335}
2336
2337.influencer-list {
2338    list-style: none;
2339    margin: 0;
2340    padding: 0;
2341}
2342
2343.influencer-card {
2344    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
2345    background: white;
2346    border-radius: 20px;
2347    overflow: hidden;
2348}
2349
2350.card-media {
2351    width: 100%;
2352    height: 442px;
2353    overflow: hidden;
2354    background: #fff;
2355    border-radius: 16px 16px 0 0;
2356    flex-shrink: 0;
2357    position: relative;
2358}
2359
2360.card-media img {
2361    width: 100%;
2362    height: 442px;
2363    object-fit: cover;
2364    display: block;
2365    margin-bottom: 0;
2366}
2367
2368.card-media video {
2369    width: 100%;
2370    height: 442px;
2371    object-fit: cover;
2372    display: block;
2373    margin-bottom: 0;
2374    background: transparent;
2375}
2376
2377.card-media iframe {
2378    width: 100%;
2379    height: 442px;
2380    object-fit: cover;
2381    display: block;
2382    margin-bottom: 0;
2383}
2384
2385/* Video controls - show on hover */
2386.card-media video {
2387    cursor: pointer;
2388}
2389
2390.card-media video::-webkit-media-controls-panel {
2391    opacity: 0;
2392    transition: opacity 0.3s;
2393}
2394
2395.card-media:hover video::-webkit-media-controls-panel {
2396    opacity: 1;
2397}
2398
2399.card-info {
2400    padding: 10px 14px 15px 104px;
2401    background: #fff;
2402    position: relative;
2403    min-height: 75px;
2404}
2405
2406.profile-avatar {
2407    position: absolute;
2408    top: -1rem;
2409    left: 10px;
2410    z-index: 2;
2411}
2412
2413.profile-avatar img {
2414    width: 84px !important;
2415    height: 84px !important;
2416    object-fit: cover; 
2417    object-position: top;
2418    border-radius: 50%;
2419    border: 4px solid #fff;
2420}
2421
2422.profile-username {
2423    margin-bottom: 5px;
2424}
2425
2426.profile-username a {
2427    color: #D92D27;
2428    text-decoration: none;
2429    font-family: var(---font-family-Korolev-Medium);
2430    font-weight: 700;
2431    font-size: 12.76px;
2432    line-height: 100%;
2433}
2434
2435.profile-description {
2436    color: rgba(0, 0, 0, 1);
2437    font-family: var(---font-family-Korolev-Medium);
2438    font-weight: 500;
2439    font-size: 10.63px;
2440    line-height: 100%;
2441}
2442
2443.influencer-slider-nav {
2444    display: flex;
2445    justify-content: space-between;
2446}
2447
2448.inf-prev,
2449.inf-next {
2450    background: none;
2451    border: none;
2452    cursor: pointer;
2453    padding: 10px;
2454}
2455
2456.inf-prev.disabled,
2457.inf-next.disabled {
2458    opacity: 1;
2459    cursor: pointer;
2460}
2461
2462.inf-prev span,
2463.inf-next span {
2464    display: none;
2465}
2466
2467@media (max-width: 1199px) {
2468    .card-media,
2469    .card-media img,
2470    .card-media video,
2471    .card-media iframe {
2472        height: 350px;
2473    }
2474}
2475
2476@media (max-width: 991px) {
2477    .influencer-header h2 {
2478        font-size: 2rem;
2479    }
2480    
2481    .influencer-wrapper {
2482        padding: 0 20px 80px;
2483    }
2484    
2485    .card-media,
2486    .card-media img,
2487    .card-media video,
2488    .card-media iframe {
2489        height: 320px;
2490    }
2491    
2492    .influencer-wrapper .owl-nav {
2493        position: absolute;
2494        bottom: 0;
2495        top: auto;
2496        left: 0;
2497        right: 0;
2498        transform: none;
2499        justify-content: center;
2500        gap: 15px;
2501        pointer-events: all;
2502    }
2503    
2504    .influencer-wrapper .owl-nav button {
2505        position: static;
2506    }
2507}
2508
2509@media (max-width: 575px) {
2510    .influencer-section {
2511        padding: 40px 15px;
2512    }
2513    
2514    .influencer-header h2 {
2515        font-size: 1.75rem;
2516    }
2517    
2518    .influencer-wrapper {
2519        padding: 0 10px 0px;
2520    }
2521
2522    .card-media,
2523    .card-media img,
2524    .card-media video,
2525    .card-media iframe {
2526        height: 280px;
2527    }
2528    
2529    
2530    .profile-avatar {
2531        top: -25px;
2532    }
2533    
2534   
2535}
2536</style>
2537
2538<script>
2539(function($){
2540  $(document).ready(function(){
2541
2542    var $slider = $('#influencer-slider');
2543    var $prev = $('.inf-prev');
2544    var $next = $('.inf-next');
2545
2546    if($slider.length){
2547
2548      $slider.owlCarousel({
2549        loop: true,
2550        margin: 20,
2551        nav: false,
2552        dots: false,
2553        responsive: {
2554          0: { items: 1 },
2555          576: { items: 2 },
2556          992: { items: 3 },
2557          1440: { items: 4 }
2558        }
2559      });
2560
2561      function getVisibleItems(){
2562        var w = $(window).width();
2563        if(w >= 1440) return 4;
2564        if(w >= 992) return 3;
2565        if(w >= 576) return 2;
2566        return 1;
2567      }
2568
2569      function updateArrows(){
2570        var data = $slider.data('owl.carousel');
2571        var total = data.items().length;
2572        var index = data.relative(data.current());
2573        var visible = getVisibleItems();
2574
2575        if(total <= visible){
2576          $prev.hide(); 
2577          $next.hide();
2578          return;
2579        } else {
2580          $prev.show(); 
2581          $next.show();
2582        }
2583
2584        if(index === 0){
2585          $prev.addClass('disableds');
2586        } else {
2587          $prev.removeClass('disableds');
2588        }
2589
2590        if(index + visible >= total){
2591          $next.addClass('disableds');
2592        } else {
2593          $next.removeClass('disableds');
2594        }
2595      }
2596
2597      updateArrows();
2598      $slider.on('changed.owl.carousel', updateArrows);
2599
2600      $prev.click(function(){
2601        if(!$prev.hasClass('disabled')){
2602          $slider.trigger('prev.owl.carousel');
2603        }
2604      });
2605
2606      $next.click(function(){
2607        if(!$next.hasClass('disabled')){
2608          $slider.trigger('next.owl.carousel');
2609        }
2610      });
2611
2612      $(window).resize(updateArrows);
2613      
2614      // Enable video controls on click/tap
2615      $slider.on('click', 'video', function(){
2616        this.controls = true;
2617      });
2618    }
2619  });
2620})(jQuery);
2621</script>
2621
2622    </div>
2623  
2624          </div>
2625</div>
2626
2627    </div>
2628  </div>
2629<div class="views-element-container block block-views block-views-blocknew-find-a-retailer-block-1" id="block-dominosugar-barrio-views-block-new-find-a-retailer-block-1">
2630  
2631    
2632      <div class="content">
2633      <div><div class="view view-new-find-a-retailer view-id-new_find_a_retailer view-display-id-block_1 js-view-dom-id-612f0662ef49ce627e52256761c8764e27b953cdc99868b3955494b2db672ee6">
2634  
2635    
2636      
2637      <div class="view-content row">
2638          <div class="views-row">
2639    
2640
2641<section class="retailer-section">
2642  <div class="retailer-inner-wrapper">
2643    
2644          <h2 class="retailer-title">Find a Retailer</h2>
2645        
2646          <div class="retailer-description">
2647        <p>Craving something sweet? Discover where Domino Sugar is waiting for you—find the nearest retailer!</p>
2648      </div>
2649        
2650    <div id="pear-map-target"></div>
2651<!--     
2651<script type="text/javascript">
2652      (function(e) {
2653        var s = document.createElement("script");
2654        s.type = "text/javascript";
2655        s.src = "https://offers.pearcommerce.com/js/sdk.js?config=" + encodeURIComponent(JSON.stringify(e));
2656        document.head.appendChild(s);
2657      })({
2658        vendorId: '2820451504335395',
2659        widget: 'product-locator'
2660      });
2661    </script>
2661 -->
2662
2663  </div>
2664</section>
2665<style>
2666.retailer-section {
2667  padding: 4rem 0;
2668  background-color:inherit; 
2669}
2670
2671.retailer-inner-wrapper {
2672  max-width: 1200px;
2673  margin: 0 auto;
2674  padding: 20px;
2675}
2676
2677.retailer-title {
2678  color: #0032A0;
2679  font-size: 2.625rem;
2680  font-family: "Rough Cut";
2681  margin-bottom: 1rem;
2682}
2683
2684.retailer-description p {
2685  font-size: 1rem;
2686  line-height: 1.6;
2687  margin-bottom: 0;
2688}
2689</style>    
2690  </div>
2691
2692    </div>
2693  
2694          </div>
2695</div>
2696
2697    </div>
2698  </div>
2699
2700
2701    </main>
2702
2703    <!-- Footer section -->
2704<footer class="footer-wrapper">
2705  <!-- Footer Container -->
2706  <div class="footer-box">
2707    <div class="footer-content">
2708      <div class="footer-grid">
2709        <div class="footer-brand">
2710          <img src="/themes/custom/dominosugar_barrio/images/icons/asr-logo-footer.png" alt="ASR Logo" />
2711
2712          <div class="social-icons">
2713           <!-- Instagram -->
2714            <a href="https://www.instagram.com/dominosugar/?hl=en" target="_blank">
2715              <img src="/sites/default/files/2025-11/Instagram.png" class="social-icon" alt="Instagram" />
2716            </a>
2717
2718            <!-- Pinterest -->
2719            <a href="https://www.pinterest.com/realdominosugar/" target="_blank">
2720              <img src="/sites/default/files/2025-11/Pinterest.png" class="social-icon" alt="Pinterest" />
2721            </a>
2722
2723            <!-- YouTube -->
2724            <a href="https://www.youtube.com/@dominosugar" target="_blank">
2725              <img src="/sites/default/files/2025-11/YouTube.png" class="social-icon" alt="YouTube" />
2726            </a>
2727
2728            <a href="https://www.tiktok.com/@dominosugar" target="_blank">
2729              <img src="/themes/custom/dominosugar_barrio/images/icons/tiktok-footer.png" class="social-icon" alt="TikTok" />
2730            </a>
2731          </div>
2732
2733          <p class="tagline">Over 120 Years of Innovation</p>
2734        </div>
2735
2736        <div class="footer-column">
2737          <ul class="footer-links mt-5">
2738                            <section class="row region region-featured-bottom-third">
2739    <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newdominomenufooter-menu" id="block-dominosugar-barrio-newdominomenufooter" class="block block-menu navigation menu--new-domino-menu-footer">
2740            
2741  <h2 class="visually-hidden" id="block-dominosugar-barrio-newdominomenufooter-menu">New Domino menu footer</h2>
2742  
2743
2744        
2745                  <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu">
2746                    <li class="nav-item">
2747                <a href="/our-story" class="nav-link nav-link--our-story" data-drupal-link-system-path="our-story">Our Story</a>
2748              </li>
2749                <li class="nav-item">
2750                <a href="/recipes" class="nav-link nav-link--recipes">Recipes</a>
2751              </li>
2752                <li class="nav-item">
2753                <a href="/our-chef-exclusives" class="nav-link nav-link--our-chef-exclusives">Our Chef Exclusives</a>
2754              </li>
2755                <li class="nav-item">
2756                <a href="/sustainability" class="nav-link nav-link--sustainability">Sustainability</a>
2757              </li>
2758        </ul>
2759  
2760
2761
2762
2763  </nav>
2764
2765  </section>
2766
2767                      </ul>
2768        </div>
2769
2770        <div class="footer-column mt-5">
2771          <ul class="footer-links">
2772                            <section class="row region region-new-domino-menu-footer-second">
2773    <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newdominomenufootersecond-menu" id="block-dominosugar-barrio-newdominomenufootersecond" class="block block-menu navigation menu--new-domino-menu-footer-second">
2774            
2775  <h2 class="visually-hidden" id="block-dominosugar-barrio-newdominomenufootersecond-menu">New Domino menu footer Second</h2>
2776  
2777
2778        
2779                  <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu">
2780                    <li class="nav-item">
2781                <a href="/store-locator" class="nav-link nav-link--store-locator" data-drupal-link-system-path="store-locator">Store Locator</a>
2782              </li>
2783                <li class="nav-item">
2784                <a href="http://asrgroup-professional.com" class="nav-link nav-link-http--asrgroup-professionalcom">Foodservice</a>
2785              </li>
2786                <li class="nav-item">
2787                <a href="/contact-us" class="nav-link nav-link--contact-us" data-drupal-link-system-path="contact-us">Contact Us</a>
2788              </li>
2789        </ul>
2790  
2791
2792
2793
2794  </nav>
2795
2796  </section>
2797
2798                      </ul>
2799        </div>
2800
2801        <div class="footer-column mt-5">
2802          <ul class="footer-links">
2803                            <section class="row region region-new-domino-menu-footer-third">
2804    <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newdominomenufooterthird-menu" id="block-dominosugar-barrio-newdominomenufooterthird" class="block block-menu navigation menu--new-domino-menu-footer-third">
2805            
2806  <h2 class="visually-hidden" id="block-dominosugar-barrio-newdominomenufooterthird-menu">New Domino menu footer Third</h2>
2807  
2808
2809        
2810                  <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu">
2811                    <li class="nav-item">
2812                <a href="/bakers-sugar" class="nav-link nav-link--bakers-sugar">Baker&#039;s Sugar™</a>
2813              </li>
2814                <li class="nav-item">
2815                <a href="/products" class="nav-link nav-link--products">Products</a>
2816              </li>
2817        </ul>
2818  
2819
2820
2821
2822  </nav>
2823
2824  </section>
2825
2826                      </ul>
2827        </div>
2828
2829        <div class="footer-column footer-logo-column">
2830          <img src="/themes/custom/dominosugar_barrio/images/icons/logo-footer.png" alt="Domino Logo" class="domino-logo" />
2831        </div>
2832      </div>
2833
2834      <div class="footer-bottom">
2835        <div class="footer-legal">
2836                        <section class="row region region-footer-fifth">
2837    <nav role="navigation" aria-labelledby="block-footerfifth-menu" id="block-footerfifth" class="block block-menu navigation menu--footer-fifth">
2838            
2839  <h2 class="visually-hidden" id="block-footerfifth-menu">Footer Fifth</h2>
2840  
2841
2842        
2843              <ul class="site-footer-CTA">
2844                    <li class="site-footer-CTA-itm">
2845                <a href="/sitemap" data-drupal-link-system-path="sitemap">SITEMAP</a>
2846              </li>
2847                <li class="site-footer-CTA-itm">
2848                <a href="https://www.asr-group.com/legal?_ga=2.24926714.1756823116.1658737466-2036676549.1638953073">LEGAL</a>
2849              </li>
2850                <li class="site-footer-CTA-itm">
2851                <a href="https://www.asr-group.com/privacy-policy?_ga=2.36640352.1756823116.1658737466-2036676549.1638953073">PRIVACY POLICY</a>
2852              </li>
2853                <li class="site-footer-CTA-itm">
2854                <a href="https://dominosugar.com/sites/default/files/2026-04/DFI-Standard-Terms-and-Conditions-of-Sale%20-2026-04-21-English.pdf">TERMS AND CONDITIONS OF SALE</a>
2855              </li>
2856                <li class="site-footer-CTA-itm">
2857                <a href="https://asr-group.com/documentdownload">ASR GROUP® CODES AND POLICIES </a>
2858              </li>
2859        </ul>
2860  
2861
2862
2863  </nav>
2864
2865  </section>
2866
2867                  </div>
2868        <div class="copyright">
2869         <p> © 2026 DOMINO FOODS INC. ALL RIGHTS RESERVED. DOMINO SUGAR® IS PART OF ASR GROUP® </p>
2870        </div>
2871      </div>
2872    </div>
2873  </div>
2874
2875  <!-- Background Image -->
2876  <div class="footer-bg">
2877    <img width="768" height="410" src="/sites/default/files/2025-11/Rectangle%2049.jpg" alt="Background Image">
2878  </div>
2879</footer>
2880
2881<style>
2882/* ===== FOOTER WRAPPER ===== */
2883.footer-wrapper {
2884  position: relative;
2885  width: 100%;
2886  overflow: hidden;
2887  margin: 0 auto;
2888  max-width: 100%;
2889  background-color: #fff;
2890  padding-top: 5rem;
2891}
2892
2893.footer-bg {
2894  position: relative;
2895  width: 100%;
2896  height: clamp(400px, 50vw, 960px);
2897  overflow: hidden;
2898}
2899
2900.footer-bg img {
2901  width: 100%;
2902  height: 100%;
2903  object-fit: cover;
2904  display: block;
2905}
2906
2907.footer-box {
2908  position: relative;
2909  width: 100%;
2910  max-width: 1290px;
2911  margin: 0px auto;
2912  padding: 0 15px;
2913  margin-bottom: clamp(-330px, -15vw, -330px);
2914  z-index: 2;
2915  font-family: 'Korolev Medium';
2916}
2917
2918.footer-content {
2919  background: #263b80;
2920  border-radius: 20px;
2921  padding: 50px 66px 70px 80px;
2922  color: white;
2923}
2924
2925/* ===== GRID LAYOUT (DESKTOP) ===== */
2926.footer-grid {
2927  display: grid;
2928  grid-template-columns: 2fr 1.2fr 1.2fr 1.2fr 1.2fr;
2929  align-items: start;
2930  gap: 0.8rem;
2931}
2932
2933/* BRAND COLUMN */
2934.footer-brand {
2935  display: flex;
2936  flex-direction: column;
2937  gap: 1.8rem;
2938}
2939
2940.footer-brand img {
2941  height: auto;
2942  width: 8rem;
2943  object-fit: cover;
2944}
2945
2946.social-icons {
2947  display: flex;
2948  gap:23px;
2949  flex-wrap: wrap;
2950}
2951
2952
2953.social-icons img {
2954  height: 25px !important;
2955  width: auto !important;
2956  object-fit: contain;
2957}
2958
2959.tagline {
2960  font-size: 14px;
2961  color: #fff;
2962  margin: 0;
2963  font-family:'Korolev Medium';
2964  font-weight:500;
2965  line-height:100%;
2966}
2967
2968/* FOOTER COLUMNS */
2969.footer-column {
2970  display: flex;
2971  flex-direction: column;
2972}
2973
2974
2975/* LINKS */
2976.footer-links {
2977  list-style: none;
2978  display: flex;
2979  flex-direction: column;
2980  gap: 0.7rem;
2981  padding: 0;
2982  margin: 0;
2983}
2984
2985.footer-links a {
2986    color: #fff;
2987    text-decoration: none;
2988    padding: 0;
2989    font-family: 'Korolev Medium';
2990    font-weight: 700;
2991    font-style: Bold;
2992    font-size: 16px;
2993    leading-trim: NONE;
2994    line-height: 100%;
2995    letter-spacing: 0%;
2996    display:inline-block;
2997}
2998.footer-links a:hover, .footer-legal a:hover{
2999  color: #FFDA00;
3000
3001}
3002/* DOMINO LOGO */
3003.footer-logo-column {
3004  display: flex;
3005  justify-content: flex-end;
3006  align-items: flex-start;
3007}
3008
3009.domino-logo {
3010  width: 11rem;
3011  height: auto;
3012}
3013
3014/* FOOTER BOTTOM */
3015.footer-bottom {
3016  margin-top: 5.7rem;
3017  padding: 0;
3018  border-top: 0;
3019  display: flex;
3020  justify-content: center;
3021  flex-wrap: wrap;
3022  gap: 70px;
3023  row-gap: 18px;
3024  flex-direction: row;
3025  align-items: center;
3026}
3027
3028/* Footer Legal & Copyright */
3029.footer-legal ul.site-footer-CTA {
3030  padding: 0;
3031  margin: 0;
3032  display: flex;
3033  gap: 25px;
3034  row-gap: 5px;
3035  align-content: center;
3036  flex-direction: row;
3037  justify-content: center;
3038  align-items: center;
3039  flex-wrap: wrap;
3040}
3041
3042.footer-legal nav#block-footerfifth {
3043  padding: 0;
3044}
3045
3046.footer-legal .site-footer-CTA-itm {
3047  margin: 0;
3048  line-height: 0;
3049}
3050
3051.copyright p{
3052  color: #fff;
3053  font-size: 12px;
3054  line-height: normal;
3055  margin: 0;
3056  font-family: 'Korolev Medium';
3057  font-weight: 500;
3058}
3059
3060.footer-legal a {
3061  color: #FFF;
3062  margin-right: 0;
3063  font-size: 12px;
3064  line-height: normal;
3065  letter-spacing: normal;
3066  font-family: 'Korolev Medium';
3067  font-weight: 500;
3068}
3069
3070.footer-wrapper ul.clearfix.nav {
3071  display: flex;
3072  flex-direction: column;
3073  gap: 19px;
3074}
3075
3076/* ===== MOBILE VIEW (768px and below) ===== */
3077@media (max-width: 768px) {
3078  .footer-box {
3079    max-width: 100%;
3080    padding: 0 15px;
3081  }
3082
3083  .footer-content {
3084    padding: 2.5rem 1.5rem;
3085  }
3086
3087  /* STACK EVERYTHING */
3088  .footer-grid {
3089    grid-template-columns: 1fr;
3090    gap: 0rem;
3091    text-align: center;
3092  }
3093  .footer-grid {
3094    grid-template-columns: 1fr 1fr;
3095    grid-template-areas:
3096      "brand brand"
3097      "col1 col2 "
3098      "col3 logo";
3099    gap: 0.5rem;
3100  }
3101
3102  .footer-brand {
3103    grid-area: brand;
3104  }
3105
3106  .footer-column:nth-child(2) {
3107    grid-area: col1;
3108  }
3109
3110  .footer-column:nth-child(3) {
3111    grid-area: col2;
3112  }
3113
3114  .footer-column:nth-child(4) {
3115    grid-area: col3;
3116    padding: 0;
3117    margin: 0;
3118  }
3119
3120  .footer-logo-column {
3121    grid-area: logo;
3122  }
3123
3124
3125  .footer-brand {
3126    gap: 1.5rem;
3127    align-items: center;
3128    margin-bottom:3rem;
3129  }
3130
3131  .footer-brand img {
3132    margin: 0 auto;
3133    width: 8rem;
3134  }
3135
3136  .social-icons {
3137    justify-content: center;
3138    gap: 20px;
3139  }
3140
3141  .social-icons a {
3142    width: 35px;
3143    height: 35px;
3144  }
3145
3146  /* Center align footer columns on mobile */
3147  .footer-column {
3148    align-items: center;
3149  }
3150
3151/* Remove mt-5 on mobile */
3152.footer-column.mt-5 {
3153  margin-top: 0 !important;
3154}
3155  .footer-links {
3156    align-items: center;
3157    gap: 1rem;
3158    margin-top:0 !important;
3159  }
3160
3161  .footer-links a {
3162    font-size: 16px;
3163
3164  }
3165
3166  .footer-logo-column {
3167    justify-content: center;
3168
3169  }
3170
3171  .domino-logo {
3172    width: 10rem;
3173  }
3174
3175  /* Footer Bottom */
3176  .footer-bottom {
3177    margin-top: 1.8rem;
3178    flex-direction: column;
3179    text-align: center;
3180    gap: 1.5rem;
3181  }
3182
3183  .footer-legal ul.site-footer-CTA {
3184    flex-direction: row;
3185    gap: 0.8rem;
3186  }
3187
3188  .copyright p{
3189    font-size: 11px;
3190    padding: 0 10px;
3191  }
3192}
3193
3194/* ===== SMALL MOBILE (480px and below) ===== */
3195@media (max-width: 480px) {
3196  .footer-content {
3197    padding: 2rem 1rem;
3198  }
3199
3200  .footer-brand img {
3201    width: 8rem;
3202  }
3203
3204  .social-icons a {
3205    width: 32px;
3206    height: 32px;
3207  }
3208
3209  .domino-logo {
3210    width: 7rem;
3211  }
3212
3213  .footer-links a {
3214    font-size: 14px;
3215  }
3216
3217  .copyright p {
3218    font-size: 10px;
3219  }
3220}
3221</style>
3222  </div>
3223</div>
3224
3225  </div>
3226
3227    
3228
3229
3230    
3230<script src="/sites/default/files/js/js_VSw5S6Fi0k9I-EdFpa-qyZstP37nBmJXFHJQ2copWiw.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=dominosugar_barrio&amp;include=eJyFjEsKgDAMRC_k50glqRIqaUfSCPb2ulFQBDcDb3gzDHh1ozUwmSWMomDSvnrTVKSbkFNB3YTsMviexKl8Cf8XuYW4VUcOmtjIWieA6BycZJQz3jzQQvuzzAePAko-"></script>
3230
3231
3232
3233    
3233<script defer>
3234      setTimeout(function(){
3235        (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#002F87', triggerColor : '#002F87', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '50%' } }); }; h.appendChild(s); })();
3236      }, 10000);
3237    </script>
3237
3238
3239    
3240    
3241  </body>
3242</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.