{"product_id":"hofmel-wide-brim-straw-beach-hat","title":"𝐡𝐨𝐟𝐦𝐞𝐥™ Wide-Brim Straw Beach Hat","description":"\n\u003cstyle\u003e\n\/* ==========================================================\n HOFMEL™ \/ COASTAL FIELD NOTES\n WIDE-BRIM STRAW BEACH HAT\n\n Same Coastal Editorial system as:\n Roll-Up Beach Lounge Mat\n Striped Folding Beach Chair\n\n Sea Salt Blue \/ Soft Mint \/ Cream \/ Sand\n Editorial composition, not card-based\n Desktop max-width 1120px\n Mobile single column\n Scoped to #hofmel-straw-hat\n========================================================== *\/\n\n#hofmel-straw-hat{\n  --paper:#faf8f2;\n  --white:#fffdf9;\n  --blue:#234e66;\n  --blue-soft:#6e94a4;\n  --mint:#cbe8dd;\n  --sand:#e9dcca;\n  --sand-light:#f2e9db;\n  --ink:#304a52;\n  --muted:#687981;\n  --line:#ccd7d4;\n\n  width:100%;\n  max-width:100%;\n  overflow:hidden;\n  background:var(--paper);\n  color:var(--ink);\n  font-family:Arial,\"Helvetica Neue\",sans-serif;\n  font-size:14px;\n  line-height:1.9;\n}\n\n#hofmel-straw-hat *,\n#hofmel-straw-hat *::before,\n#hofmel-straw-hat *::after{\n  box-sizing:border-box;\n}\n\n#hofmel-straw-hat img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n}\n\n#hofmel-straw-hat h2,\n#hofmel-straw-hat h3,\n#hofmel-straw-hat p,\n#hofmel-straw-hat figure{\n  margin:0;\n}\n\n#hofmel-straw-hat .sh-container{\n  width:calc(100% - 88px);\n  max-width:1120px;\n  margin:0 auto;\n}\n\n#hofmel-straw-hat .sh-section{\n  padding:86px 0;\n}\n\n#hofmel-straw-hat .sh-cols{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) minmax(0,1fr);\n  align-items:center;\n  gap:58px;\n}\n\n#hofmel-straw-hat .sh-kicker{\n  display:block;\n  color:var(--blue-soft);\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:2.6px;\n  line-height:1.6;\n  text-transform:uppercase;\n}\n\n#hofmel-straw-hat .sh-title{\n  font:400 clamp(34px,3.7vw,52px)\/1.15\n    Georgia,\"Times New Roman\",serif;\n  letter-spacing:-1px;\n  color:var(--blue);\n  margin:17px 0 23px;\n}\n\n#hofmel-straw-hat .sh-title em{\n  font-weight:400;\n  color:#649aa4;\n}\n\n#hofmel-straw-hat .sh-copy{\n  color:var(--muted);\n  font-size:14px;\n  line-height:2;\n}\n\n#hofmel-straw-hat .sh-copy p{\n  margin-bottom:17px;\n}\n\n#hofmel-straw-hat .sh-copy p:last-child{\n  margin-bottom:0;\n}\n\n\/* -------------------------------------------\n STANDARD PHOTO \u0026 CAPTION\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-visual{\n  width:100%;\n  min-width:0;\n}\n\n#hofmel-straw-hat .sh-visual img{\n  aspect-ratio:1;\n  object-fit:contain;\n  border-radius:13px;\n  background:var(--white);\n}\n\n#hofmel-straw-hat .sh-visual figcaption{\n  display:flex;\n  justify-content:space-between;\n  gap:16px;\n  padding:12px 0 11px;\n  border-bottom:1px solid var(--line);\n  color:var(--blue-soft);\n  font-size:10px;\n  line-height:1.6;\n  letter-spacing:1.3px;\n  text-transform:uppercase;\n}\n\n\/* -------------------------------------------\n 01 COASTAL EDITORIAL COVER\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-cover{\n  padding:28px 0 90px;\n  background:linear-gradient(\n    115deg,\n    #faf8f2 0%,\n    #f1f7f5 58%,\n    #e1eef0 100%\n  );\n}\n\n#hofmel-straw-hat .sh-masthead{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:20px;\n  padding-bottom:20px;\n  border-bottom:1px solid #bdcfce;\n}\n\n#hofmel-straw-hat .sh-logo{\n  font:700 26px Georgia,\"Times New Roman\",serif;\n  letter-spacing:-1px;\n  color:var(--blue);\n}\n\n#hofmel-straw-hat .sh-issue{\n  text-align:right;\n  color:var(--blue);\n  font-size:10px;\n  line-height:1.7;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n#hofmel-straw-hat .sh-cover-grid{\n  display:grid;\n  grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);\n  align-items:center;\n  gap:55px;\n  margin-top:55px;\n}\n\n#hofmel-straw-hat .sh-cover-index{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:28px;\n}\n\n#hofmel-straw-hat .sh-cover-index span{\n  color:#83b3ba;\n  font:400 35px Georgia,serif;\n}\n\n#hofmel-straw-hat .sh-cover-index small{\n  color:var(--blue);\n  font-size:10px;\n  line-height:1.7;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n#hofmel-straw-hat .sh-cover-title{\n  font:400 clamp(52px,5.7vw,79px)\/1.04\n    Georgia,\"Times New Roman\",serif;\n  letter-spacing:-2.3px;\n  color:var(--blue);\n  margin-bottom:28px;\n}\n\n#hofmel-straw-hat .sh-cover-title em{\n  color:#6cabb0;\n  font-weight:400;\n}\n\n#hofmel-straw-hat .sh-cover-description{\n  max-width:460px;\n  color:#536c76;\n  font-size:14px;\n  line-height:2;\n}\n\n#hofmel-straw-hat .sh-cover-subline{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-top:31px;\n  padding-top:15px;\n  border-top:1px solid #c2d3d1;\n  color:var(--blue);\n  font-size:10px;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n#hofmel-straw-hat .sh-cover-subline::before{\n  content:\"\";\n  width:34px;\n  height:2px;\n  flex:none;\n  background:#70afb4;\n}\n\n#hofmel-straw-hat .sh-cover-photo{\n  width:100%;\n  min-width:0;\n}\n\n#hofmel-straw-hat .sh-cover-photo img{\n  aspect-ratio:1;\n  object-fit:cover;\n  border-radius:13px;\n}\n\n#hofmel-straw-hat .sh-cover-caption{\n  display:flex;\n  justify-content:space-between;\n  gap:14px;\n  padding-top:14px;\n  color:#5f8693;\n  font-size:10px;\n  line-height:1.6;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n\/* -------------------------------------------\n 02 COASTAL BAND\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-band{\n  padding:20px 0;\n  background:var(--blue);\n  color:#fffaf2;\n}\n\n#hofmel-straw-hat .sh-band-inner{\n  display:flex;\n  justify-content:space-between;\n  gap:18px;\n  flex-wrap:wrap;\n}\n\n#hofmel-straw-hat .sh-band-inner span{\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:1.8px;\n  text-transform:uppercase;\n}\n\n\/* -------------------------------------------\n 03 PRODUCT PORTRAIT\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-story{\n  background:var(--paper);\n}\n\n#hofmel-straw-hat .sh-intro-rule{\n  display:flex;\n  justify-content:space-between;\n  gap:16px;\n  padding-bottom:15px;\n  margin-bottom:32px;\n  border-bottom:1px solid var(--line);\n}\n\n#hofmel-straw-hat .sh-intro-rule span{\n  color:var(--blue-soft);\n  font-size:10px;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n#hofmel-straw-hat .sh-italic-line{\n  padding-top:19px;\n  margin-top:28px;\n  border-top:1px solid var(--line);\n  color:var(--blue);\n  font:italic 21px\/1.55 Georgia,serif;\n}\n\n\/* -------------------------------------------\n 04 PRODUCT DETAILS\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-details{\n  background:#eef5f2;\n}\n\n#hofmel-straw-hat .sh-section-head{\n  max-width:740px;\n  margin-bottom:39px;\n}\n\n#hofmel-straw-hat .sh-details-grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);\n  gap:54px;\n  align-items:start;\n}\n\n#hofmel-straw-hat .sh-detail-note{\n  display:grid;\n  grid-template-columns:42px minmax(0,1fr);\n  gap:17px;\n  padding:18px 0 20px;\n  border-top:1px solid #c7d8d4;\n}\n\n#hofmel-straw-hat .sh-detail-note:last-child{\n  border-bottom:1px solid #c7d8d4;\n}\n\n#hofmel-straw-hat .sh-detail-number{\n  color:#7aada9;\n  font:400 25px\/1 Georgia,serif;\n}\n\n#hofmel-straw-hat .sh-detail-note h3{\n  color:var(--blue);\n  font:400 23px\/1.3 Georgia,serif;\n  margin-bottom:7px;\n}\n\n#hofmel-straw-hat .sh-detail-note p{\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.85;\n}\n\n\/* -------------------------------------------\n 05 SIZE JOURNAL\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-size{\n  background:var(--white);\n}\n\n#hofmel-straw-hat .sh-metrics{\n  margin-top:28px;\n  border-top:1px solid var(--line);\n}\n\n#hofmel-straw-hat .sh-metric{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) auto;\n  gap:15px;\n  align-items:baseline;\n  padding:14px 0;\n  border-bottom:1px solid var(--line);\n}\n\n#hofmel-straw-hat .sh-metric span{\n  color:var(--muted);\n  font-size:12px;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n#hofmel-straw-hat .sh-metric strong{\n  color:var(--blue);\n  font:400 26px Georgia,serif;\n}\n\n#hofmel-straw-hat .sh-size-note{\n  margin-top:22px;\n  padding-top:15px;\n  border-top:1px solid var(--line);\n  color:var(--muted);\n  font-size:12px;\n  line-height:1.9;\n}\n\n\/* -------------------------------------------\n 06 WEIGHT STUDY\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-weight{\n  background:#f2ede3;\n}\n\n#hofmel-straw-hat .sh-weight-number{\n  margin:25px 0 20px;\n  color:var(--blue);\n  font:400 clamp(55px,6vw,83px)\/1 Georgia,serif;\n}\n\n#hofmel-straw-hat .sh-weight-number small{\n  font-size:26px;\n  margin-left:8px;\n}\n\n#hofmel-straw-hat .sh-fine{\n  padding-top:15px;\n  margin-top:23px;\n  border-top:1px solid #d3cec1;\n  color:var(--muted);\n  font-size:12px;\n  line-height:1.9;\n}\n\n\/* -------------------------------------------\n 07 USE \/ STYLING JOURNAL\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-places{\n  background:var(--paper);\n}\n\n#hofmel-straw-hat .sh-place{\n  display:grid;\n  grid-template-columns:90px minmax(0,.75fr) minmax(0,1.25fr);\n  gap:24px;\n  align-items:center;\n  padding:23px 0;\n  border-top:1px solid var(--line);\n}\n\n#hofmel-straw-hat .sh-place:last-child{\n  border-bottom:1px solid var(--line);\n}\n\n#hofmel-straw-hat .sh-place-index{\n  color:#83abb0;\n  font:400 31px Georgia,serif;\n}\n\n#hofmel-straw-hat .sh-place h3{\n  color:var(--blue);\n  font:400 25px Georgia,serif;\n}\n\n#hofmel-straw-hat .sh-place p{\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.85;\n}\n\n\/* -------------------------------------------\n 08 BRAND ENDING\n------------------------------------------- *\/\n\n#hofmel-straw-hat .sh-finale{\n  padding:93px 5%;\n  text-align:center;\n  background:linear-gradient(\n    125deg,#e2efec,#e9dfcf\n  );\n}\n\n#hofmel-straw-hat .sh-finale-inner{\n  max-width:790px;\n  margin:auto;\n}\n\n#hofmel-straw-hat .sh-finale h2{\n  color:var(--blue);\n  font:400 clamp(41px,5vw,69px)\/1.09 Georgia,serif;\n  margin:23px 0;\n}\n\n#hofmel-straw-hat .sh-finale h2 em{\n  color:#609ca2;\n}\n\n#hofmel-straw-hat .sh-finale p{\n  max-width:650px;\n  margin:0 auto 27px;\n  color:#4c6873;\n  font-size:14px;\n  line-height:2;\n}\n\n#hofmel-straw-hat .sh-signature{\n  display:inline-block;\n  padding-top:15px;\n  border-top:1px solid #aabdb5;\n  color:var(--blue);\n  font:400 19px Georgia,serif;\n}\n\n\/* -------------------------------------------\n TABLET\n------------------------------------------- *\/\n\n@media(max-width:950px){\n\n  #hofmel-straw-hat .sh-container{\n    width:calc(100% - 48px);\n  }\n\n  #hofmel-straw-hat .sh-section{\n    padding:65px 0;\n  }\n\n  #hofmel-straw-hat .sh-cols,\n  #hofmel-straw-hat .sh-cover-grid,\n  #hofmel-straw-hat .sh-details-grid{\n    gap:30px;\n  }\n\n}\n\n\/* -------------------------------------------\n MOBILE\n------------------------------------------- *\/\n\n@media(max-width:700px){\n\n  #hofmel-straw-hat .sh-container{\n    width:calc(100% - 36px);\n  }\n\n  #hofmel-straw-hat .sh-section{\n    padding:53px 0;\n  }\n\n  #hofmel-straw-hat .sh-cols,\n  #hofmel-straw-hat .sh-cover-grid,\n  #hofmel-straw-hat .sh-details-grid,\n  #hofmel-straw-hat .sh-place{\n    grid-template-columns:1fr;\n    gap:24px;\n  }\n\n  #hofmel-straw-hat .sh-cover{\n    padding:24px 0 58px;\n  }\n\n  #hofmel-straw-hat .sh-cover-grid{\n    margin-top:33px;\n  }\n\n  #hofmel-straw-hat .sh-cover-title{\n    font-size:50px;\n    letter-spacing:-1.6px;\n  }\n\n  #hofmel-straw-hat .sh-title{\n    font-size:37px;\n  }\n\n  #hofmel-straw-hat .sh-issue{\n    font-size:8px;\n  }\n\n  #hofmel-straw-hat .sh-visual{\n    max-width:540px;\n    margin:0 auto;\n  }\n\n  #hofmel-straw-hat .sh-band-inner{\n    justify-content:center;\n    text-align:center;\n  }\n\n  #hofmel-straw-hat .sh-detail-note{\n    grid-template-columns:32px 1fr;\n    gap:12px;\n  }\n\n  #hofmel-straw-hat .sh-place{\n    gap:7px;\n    padding:22px 0;\n  }\n\n  #hofmel-straw-hat .sh-place-index{\n    font-size:24px;\n  }\n\n  #hofmel-straw-hat .sh-finale{\n    padding:68px 6%;\n  }\n\n}\n\n@media(max-width:390px){\n\n  #hofmel-straw-hat .sh-cover-title{\n    font-size:43px;\n  }\n\n  #hofmel-straw-hat .sh-logo{\n    font-size:21px;\n  }\n\n  #hofmel-straw-hat .sh-metric strong{\n    font-size:23px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"hofmel-straw-hat\"\u003e\n\n\u003c!-- ==========================================\n 01 \/ COASTAL EDITORIAL COVER\n SCENE IMAGE\n========================================== --\u003e\n\n\u003csection class=\"sh-cover\"\u003e\n\n  \u003cdiv class=\"sh-container\"\u003e\n\n    \u003cdiv class=\"sh-masthead\"\u003e\n\n      \u003cdiv class=\"sh-logo\"\u003e\n        𝐡𝐨𝐟𝐦𝐞𝐥™\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sh-issue\"\u003e\n        THE COASTAL EDIT\u003cbr\u003e\n        VOL. 03 \/ BEACH ESSENTIALS\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sh-cover-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"sh-cover-index\"\u003e\n\n          \u003cspan\u003e03.\u003c\/span\u003e\n\n          \u003csmall\u003e\n            THE ART OF\u003cbr\u003e\n            SUNLIT ESCAPES\n          \u003c\/small\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"sh-cover-title\"\u003e\n          Made for\u003cbr\u003e\n          golden\u003cbr\u003e\n          \u003cem\u003eafternoons.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"sh-cover-description\"\u003e\n          Meet the \u003cstrong\u003e𝐡𝐨𝐟𝐦𝐞𝐥™\n          Wide-Brim Straw Beach Hat\u003c\/strong\u003e —\n          a timeless coastal accessory\n          that brings together a\n          natural straw-look weave,\n          a sweeping wide brim,\n          and an elegant black\n          ribbon bow.\n\n          From afternoons by the ocean\n          to easy summer getaways,\n          its classic silhouette\n          adds a relaxed finishing\n          touch to your warm-weather\n          wardrobe.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"sh-cover-subline\"\u003e\n          WIDE BRIM · WOVEN TEXTURE · CLASSIC BOW\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cfigure class=\"sh-cover-photo\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/9768\/8898\/files\/yf-generated-node-trn7vr4etsb.png?v=1792427690\" alt=\"Hofmel Wide-Brim Straw Beach Hat with black bow displayed beside the ocean\" fetchpriority=\"high\"\u003e\n\n        \u003cfigcaption class=\"sh-cover-caption\"\u003e\n\n          \u003cspan\u003e\n            THE WIDE-BRIM STRAW HAT\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            HOFMEL \/ COASTAL EDIT\n          \u003c\/span\u003e\n\n        \u003c\/figcaption\u003e\n\n      \u003c\/figure\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==========================================\n 02 \/ MINIMAL INFORMATION BAND\n========================================== --\u003e\n\n\u003cdiv class=\"sh-band\"\u003e\n\n  \u003cdiv class=\"sh-container sh-band-inner\"\u003e\n\n    \u003cspan\u003eNATURAL STRAW LOOK\u003c\/span\u003e\n\n    \u003cspan\u003e4.7 IN WIDE BRIM\u003c\/span\u003e\n\n    \u003cspan\u003eBLACK RIBBON BOW\u003c\/span\u003e\n\n    \u003cspan\u003e0.46 LB IMAGE WEIGHT\u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- ==========================================\n 03 \/ FULL PRODUCT PORTRAIT\n WHITE BACKGROUND IMAGE\n========================================== --\u003e\n\n\u003csection class=\"sh-story sh-section\"\u003e\n\n  \u003cdiv class=\"sh-container\"\u003e\n\n    \u003cdiv class=\"sh-intro-rule\"\u003e\n\n      \u003cspan\u003e02 \/ THE OBJECT\u003c\/span\u003e\n\n      \u003cspan\u003eTHE DESIGN AT A GLANCE\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sh-cols\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cspan class=\"sh-kicker\"\u003e\n          THE CLASSIC SUMMER SILHOUETTE\n        \u003c\/span\u003e\n\n        \u003ch2 class=\"sh-title\"\u003e\n          Effortless shape.\u003cbr\u003e\n          \u003cem\u003eCoastal character.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cdiv class=\"sh-copy\"\u003e\n\n          \u003cp\u003e\n            The Wide-Brim Straw Beach Hat\n            is defined by its softly rounded\n            crown and generous, sweeping brim.\n            The natural straw-colored\n            weave creates a warm,\n            summery appearance.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            A black ribbon wraps\n            around the base of the crown\n            and finishes in a statement\n            bow, adding contrast to\n            the hat's sandy golden tone.\n          \u003c\/p\u003e\n\n          \u003cp\u003e\n            The overall look is simple\n            and classic, making it\n            a natural choice for\n            relaxed beach styling,\n            light summer outfits,\n            and coastal-inspired\n            wardrobes.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sh-italic-line\"\u003e\n          Golden straw tones,\n          a dramatic brim,\n          and a timeless black bow.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cfigure class=\"sh-visual\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/9768\/8898\/files\/yf-generated-node-eqotp2rqarv.png?v=1792427687\" loading=\"lazy\" alt=\"Hofmel Wide-Brim Straw Beach Hat clean white background product image showing rounded crown woven brim and black ribbon bow\"\u003e\n\n        \u003cfigcaption\u003e\n\n          \u003cspan\u003eFULL PRODUCT PROFILE\u003c\/span\u003e\n\n          \u003cspan\u003eFIG. 01\u003c\/span\u003e\n\n        \u003c\/figcaption\u003e\n\n      \u003c\/figure\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==========================================\n 04 \/ ACTUAL PRODUCT DETAILS\n FOUR-PANEL CLOSE-UP IMAGE\n========================================== --\u003e\n\n\u003csection class=\"sh-details sh-section\"\u003e\n\n  \u003cdiv class=\"sh-container\"\u003e\n\n    \u003cdiv class=\"sh-section-head\"\u003e\n\n      \u003cspan class=\"sh-kicker\"\u003e\n        03 \/ THE DETAILS\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"sh-title\"\u003e\n        Texture, contrast,\u003cbr\u003e\n        \u003cem\u003eand a little elegance.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"sh-copy\"\u003e\n        A closer look at the distinctive\n        elements of this straw-look hat:\n        its circular woven pattern,\n        bold black bow, inner crown,\n        and neatly formed brim edge.\n        The following descriptions\n        correspond directly to the\n        four product detail photographs.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sh-details-grid\"\u003e\n\n      \u003cfigure class=\"sh-visual\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/9768\/8898\/files\/yf-generated-node-yhnvb4ft0ik.png?v=1792427687\" loading=\"lazy\" alt=\"Four-panel product detail image showing Hofmel straw hat ocean view black bow close-up inner crown and woven brim edge\"\u003e\n\n        \u003cfigcaption\u003e\n\n          \u003cspan\u003eWEAVE \/ BOW \/ INNER CROWN \/ BRIM\u003c\/span\u003e\n\n          \u003cspan\u003eFIG. 02\u003c\/span\u003e\n\n        \u003c\/figcaption\u003e\n\n      \u003c\/figure\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"sh-detail-note\"\u003e\n\n          \u003cspan class=\"sh-detail-number\"\u003e\n            01\n          \u003c\/span\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003eRounded Woven Crown\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Closely spaced circular\n              rows create a defined\n              texture across the\n              crown and brim,\n              giving the hat its\n              familiar woven\n              straw-like appearance.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sh-detail-note\"\u003e\n\n          \u003cspan class=\"sh-detail-number\"\u003e\n            02\n          \u003c\/span\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003eBlack Ribbon Bow\u003c\/h3\u003e\n\n            \u003cp\u003e\n              The black fabric ribbon\n              wraps around the crown\n              and is tied into a\n              generous bow with\n              long pointed ends,\n              creating a striking\n              contrast against the\n              golden woven surface.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sh-detail-note\"\u003e\n\n          \u003cspan class=\"sh-detail-number\"\u003e\n            03\n          \u003c\/span\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003eInterior Crown Detail\u003c\/h3\u003e\n\n            \u003cp\u003e\n              The inside-view photograph\n              reveals the circular\n              construction of the\n              crown and a darker\n              inner band along\n              the opening.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sh-detail-note\"\u003e\n\n          \u003cspan class=\"sh-detail-number\"\u003e\n            04\n          \u003c\/span\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003eWide Woven Brim\u003c\/h3\u003e\n\n            \u003cp\u003e\n              The close-up of the\n              outer edge highlights\n              the tightly arranged\n              woven-look texture\n              and the broad brim\n              that gives the\n              hat its dramatic,\n              summery silhouette.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==========================================\n 05 \/ DIMENSIONS\n DIMENSION IMAGE ONLY\n========================================== --\u003e\n\n\u003csection class=\"sh-size sh-section\"\u003e\n\n  \u003cdiv class=\"sh-container sh-cols\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cspan class=\"sh-kicker\"\u003e\n        04 \/ THE MEASUREMENTS\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"sh-title\"\u003e\n        A sweeping brim.\u003cbr\u003e\n        \u003cem\u003eBeautiful proportions.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"sh-copy\"\u003e\n\n        \u003cp\u003e\n          The supplied measurement\n          illustration shows a\n          16.5-inch overall brim\n          span, a 4.7-inch\n          brim width, and a\n          4.3-inch crown height.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          The image also gives\n          an illustrated head\n          circumference reference\n          of 22.8 inches.\n          This is an important\n          measurement to compare\n          when checking fit.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          The wide brim creates\n          a broad, recognizable\n          outline that works\n          especially well with\n          relaxed summer outfits\n          and coastal accessories.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sh-metrics\"\u003e\n\n        \u003cdiv class=\"sh-metric\"\u003e\n\n          \u003cspan\u003eOverall Brim Span\u003c\/span\u003e\n\n          \u003cstrong\u003e16.5 in\u003c\/strong\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sh-metric\"\u003e\n\n          \u003cspan\u003eBrim Width\u003c\/span\u003e\n\n          \u003cstrong\u003e4.7 in\u003c\/strong\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sh-metric\"\u003e\n\n          \u003cspan\u003eCrown Height\u003c\/span\u003e\n\n          \u003cstrong\u003e4.3 in\u003c\/strong\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sh-metric\"\u003e\n\n          \u003cspan\u003eHead Circumference Reference\u003c\/span\u003e\n\n          \u003cstrong\u003e22.8 in\u003c\/strong\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sh-size-note\"\u003e\n        Measurements are based on\n        the supplied product illustration.\n        Compare the head circumference\n        with your own measurement\n        before selecting the hat.\n        The illustration does not\n        establish an adjustable\n        fit mechanism.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cfigure class=\"sh-visual\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/9768\/8898\/files\/yf-generated-node-ue0bxc123f.png?v=1792427687\" loading=\"lazy\" alt=\"Hofmel Wide-Brim Straw Beach Hat dimension illustration with 16.5 inch overall span 4.7 inch brim 4.3 inch crown and 22.8 inch circumference reference\"\u003e\n\n      \u003cfigcaption\u003e\n\n        \u003cspan\u003eSIZE \u0026amp; FIT REFERENCE\u003c\/span\u003e\n\n        \u003cspan\u003eFIG. 03\u003c\/span\u003e\n\n      \u003c\/figcaption\u003e\n\n    \u003c\/figure\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==========================================\n 06 \/ WEIGHT\n WEIGHT PHOTO ONLY\n========================================== --\u003e\n\n\u003csection class=\"sh-weight sh-section\"\u003e\n\n  \u003cdiv class=\"sh-container sh-cols\"\u003e\n\n    \u003cfigure class=\"sh-visual\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/9768\/8898\/files\/yf-generated-node-fznn5idl3hb.png?v=1792427687\" loading=\"lazy\" alt=\"Hofmel Wide-Brim Straw Beach Hat on a digital scale with a displayed weight of 0.46 lb\"\u003e\n\n      \u003cfigcaption\u003e\n\n        \u003cspan\u003eWEIGHT REFERENCE\u003c\/span\u003e\n\n        \u003cspan\u003eFIG. 04\u003c\/span\u003e\n\n      \u003c\/figcaption\u003e\n\n    \u003c\/figure\u003e\n\n    \u003cdiv\u003e\n\n      \u003cspan class=\"sh-kicker\"\u003e\n        05 \/ THE LIGHTWEIGHT EDIT\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"sh-title\"\u003e\n        A wide brim.\u003cbr\u003e\n        \u003cem\u003eA light touch.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"sh-copy\"\u003e\n\n        \u003cp\u003e\n          A summer hat should\n          be easy to take along\n          on warm-weather outings.\n          The product photograph\n          shows the hat resting\n          on a digital scale\n          with a displayed\n          reading of 0.46 pounds.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Its illustrated weight\n          and classic straw-look\n          construction give\n          this accessory a\n          lightweight appearance,\n          while the broad brim\n          creates its distinctive\n          coastal silhouette.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          For travel and storage,\n          keep the hat in a\n          suitable space that\n          helps preserve its\n          crown and brim shape.\n          Avoid crushing it\n          beneath heavy items.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sh-weight-number\"\u003e\n        0.46\u003csmall\u003elb\u003c\/small\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sh-fine\"\u003e\n        Weight shown in the supplied\n        scale photograph. Product\n        material composition,\n        cleaning method, and\n        sun-protection rating\n        have not been independently\n        verified.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==========================================\n 07 \/ COASTAL STYLING JOURNAL\n TEXT-LED, NO CARDS\n========================================== --\u003e\n\n\u003csection class=\"sh-places sh-section\"\u003e\n\n  \u003cdiv class=\"sh-container\"\u003e\n\n    \u003cdiv class=\"sh-section-head\"\u003e\n\n      \u003cspan class=\"sh-kicker\"\u003e\n        06 \/ THE SUMMER STYLE JOURNAL\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"sh-title\"\u003e\n        A classic shape\u003cbr\u003e\n        for \u003cem\u003esunny escapes.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"sh-copy\"\u003e\n        With its warm woven\n        coloring, dramatic brim,\n        and black ribbon detail,\n        this hat can add a\n        polished finishing touch\n        to relaxed summer looks.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sh-place\"\u003e\n\n      \u003cspan class=\"sh-place-index\"\u003e\n        01 \/\n      \u003c\/span\u003e\n\n      \u003ch3\u003eAt the beach\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Pair the straw-look hat\n        with a light cover-up,\n        a beach tote, and\n        simple sandals for\n        an easy coastal outfit.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sh-place\"\u003e\n\n      \u003cspan class=\"sh-place-index\"\u003e\n        02 \/\n      \u003c\/span\u003e\n\n      \u003ch3\u003eOn vacation\u003c\/h3\u003e\n\n      \u003cp\u003e\n        The natural golden tone\n        and contrasting black\n        bow work nicely with\n        linen separates,\n        neutral dresses,\n        and summer accessories.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sh-place\"\u003e\n\n      \u003cspan class=\"sh-place-index\"\u003e\n        03 \/\n      \u003c\/span\u003e\n\n      \u003ch3\u003eAt an outdoor café\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Add a classic,\n        resort-inspired accent\n        to relaxed afternoon\n        outfits with the hat's\n        wide silhouette and\n        understated color palette.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sh-place\"\u003e\n\n      \u003cspan class=\"sh-place-index\"\u003e\n        04 \/\n      \u003c\/span\u003e\n\n      \u003ch3\u003eOn a coastal stroll\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Complete a breezy\n        weekend look with\n        a timeless wide-brim\n        accessory, paired\n        with sunglasses\n        and lightweight layers.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- ==========================================\n 08 \/ COASTAL EDITORIAL ENDING\n========================================== --\u003e\n\n\u003csection class=\"sh-finale\"\u003e\n\n  \u003cdiv class=\"sh-finale-inner\"\u003e\n\n    \u003cspan class=\"sh-kicker\"\u003e\n      HOFMEL™ \/ COASTAL FIELD NOTES\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Golden textures.\u003cbr\u003e\n      Ocean air.\u003cbr\u003e\n      \u003cem\u003eSummer simplicity.\u003c\/em\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      With a sweeping woven-look\n      brim, softly rounded crown,\n      and timeless black ribbon bow,\n      the \u003cstrong\u003e𝐡𝐨𝐟𝐦𝐞𝐥™\n      Wide-Brim Straw Beach Hat\u003c\/strong\u003e\n      brings relaxed coastal\n      character to sunny-day\n      outfits, seaside getaways,\n      and warm-weather adventures.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"sh-signature\"\u003e\n      𝐡𝐨𝐟𝐦𝐞𝐥™ — Made for moments outside\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n","brand":"𝐡𝐨𝐟𝐦𝐞𝐥™","offers":[{"title":"Black Ribbon","offer_id":45669922996290,"sku":"HOF-03-3","price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/9768\/8898\/files\/yf-generated-node-trn7vr4etsb.png?v=1792427690","url":"https:\/\/hofmel.com\/products\/hofmel-wide-brim-straw-beach-hat","provider":"𝐡𝐨𝐟𝐦𝐞𝐥™","version":"1.0","type":"link"}