{"product_id":"campus-premium-backpack-28l-x-mayhem","title":"Dakine Campus Premium Backpack 28L X Mayhem","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800\u0026family=Barlow:wght@300;400;500\u0026display=swap');\n  :root { --black:#0a0a0a; --white:#ffffff; --mid:#f5f5f5; --border:#e0e0e0; --text-muted:#777; --text-body:#222; }\n  * { box-sizing:border-box; margin:0; padding:0; }\n  .spk-wrap { font-family:'Barlow',sans-serif; background:var(--white); color:var(--black); max-width:1100px; margin:0 auto; padding:48px 24px; }\n  .spk-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:48px; border-bottom:1px solid var(--border); padding-bottom:24px; flex-wrap:wrap; gap:12px; }\n  .spk-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,5vw,48px); font-weight:800; letter-spacing:-0.02em; line-height:1; text-transform:uppercase; }\n  .spk-meta { font-size:12px; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); }\n  .spk-tabs { display:none; }\n  .spk-tab-labels { display:flex; gap:4px; margin-bottom:32px; }\n  .spk-tab-label { font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:10px 24px; background:var(--mid); color:var(--text-muted); border:1px solid var(--border); cursor:pointer; border-radius:2px; transition:all 0.15s; user-select:none; }\n  .spk-tab-label:hover { color:var(--black); border-color:#aaa; }\n  .spk-panel { display:none; }\n  #spk-tab1:checked ~ .spk-tab-labels label[for=\"spk-tab1\"],\n  #spk-tab2:checked ~ .spk-tab-labels label[for=\"spk-tab2\"] { background:var(--black); color:var(--white); border-color:var(--black); }\n  #spk-tab1:checked ~ .spk-panel-1 { display:block; }\n  #spk-tab2:checked ~ .spk-panel-2 { display:block; }\n  .spk-category { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--black); padding:20px 0 8px; border-bottom:2px solid var(--black); margin-bottom:0; }\n  .spk-row { display:grid; grid-template-columns:200px 1fr; border-bottom:1px solid var(--border); transition:background 0.1s; }\n  .spk-row:hover { background:var(--mid); }\n  .spk-key { font-size:12px; font-weight:500; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-muted); padding:12px 16px 12px 0; align-self:start; }\n  .spk-val { font-size:14px; font-weight:300; color:var(--text-body); padding:12px 0; line-height:1.5; }\n  .spk-body { font-size:15px; font-weight:300; color:var(--text-body); line-height:1.75; max-width:780px; margin-bottom:24px; }\n  .spk-list { list-style:none; display:flex; flex-direction:column; gap:6px; padding:16px 0; }\n  .spk-list li { font-size:13px; font-weight:300; color:var(--text-body); padding-left:14px; position:relative; line-height:1.5; }\n  .spk-list li::before { content:'\\2014'; position:absolute; left:0; color:var(--black); font-size:10px; }\n  @media (max-width:600px) { .spk-row { grid-template-columns:1fr; } .spk-key { padding-bottom:2px; } .spk-val { padding-top:0; padding-bottom:12px; } }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"spk-wrap\"\u003e\n\n  \u003cdiv class=\"spk-header\"\u003e\n    \u003cdiv class=\"spk-title\"\u003eDakine Campus Premium\u003cbr\u003e28L x Mayhem\u003c\/div\u003e\n    \u003cdiv class=\"spk-meta\"\u003e28L · Dakine x Mayhem · Drew Brophy Art · Laptop and Tablet · Dual Main Compartments · Air Mesh Back Panel\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cinput class=\"spk-tabs\" type=\"radio\" id=\"spk-tab1\" name=\"spk-tabs\" checked\u003e\n  \u003cinput class=\"spk-tabs\" type=\"radio\" id=\"spk-tab2\" name=\"spk-tabs\"\u003e\n\n  \u003cdiv class=\"spk-tab-labels\"\u003e\n    \u003clabel class=\"spk-tab-label\" for=\"spk-tab1\"\u003eOverview\u003c\/label\u003e\n    \u003clabel class=\"spk-tab-label\" for=\"spk-tab2\"\u003eFeatures\u003c\/label\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"spk-panel spk-panel-1\"\u003e\n    \u003cdiv class=\"spk-category\"\u003eAbout This Pack\u003c\/div\u003e\n    \u003cdiv style=\"padding:24px 0 8px;\"\u003e\n      \u003cp class=\"spk-body\"\u003eThe partnership between Dakine and Matt \"Mayhem\" Biolos brings together two brands with a shared passion for innovation, disruption, and design. This collection features art from Mayhem friend and collaborator Drew Brophy -- his signature hand-drawn illustration style on one of the most capable packs in the lineup. With dedicated pockets for a laptop and tablet, plus multiple exterior pockets for quick access to your most-used items, the Campus Premium 28L x Mayhem is the perfect pack for the tech-savvy student.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spk-category\"\u003eHighlights\u003c\/div\u003e\n    \u003cul class=\"spk-list\"\u003e\n      \u003cli\u003eSeparate padded laptop compartment with fleece-lined tablet sleeve\u003c\/li\u003e\n      \u003cli\u003eDual large main compartments\u003c\/li\u003e\n      \u003cli\u003eErgonomic foam back panel and shoulder straps with breathable air mesh\u003c\/li\u003e\n      \u003cli\u003eBack panel security pocket\u003c\/li\u003e\n      \u003cli\u003eOrganizer pocket and fleece-lined sunglass pocket\u003c\/li\u003e\n      \u003cli\u003eExterior zippered quick-access pocket\u003c\/li\u003e\n      \u003cli\u003eExpandable side pockets\u003c\/li\u003e\n      \u003cli\u003eAdjustable sternum strap and padded bottom panel\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"spk-panel spk-panel-2\"\u003e\n    \u003cdiv class=\"spk-category\"\u003eBack Panel and Fit\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eBack Panel\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eErgonomic foam with breathable air mesh\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eShoulder Straps\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eErgonomic foam with breathable air mesh\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eSternum Strap\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eAdjustable\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eBottom Panel\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003ePadded for added protection\u003c\/div\u003e\n\u003c\/div\u003e\n\n    \u003cdiv class=\"spk-category\"\u003eStorage and Organization\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eLaptop Compartment\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eSeparate padded compartment with fleece-lined tablet sleeve\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eMain Compartments\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eDual large main compartments\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eSecurity Pocket\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eBack panel security pocket\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eOrganizer\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eDedicated organizer pocket\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eSunglass Pocket\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eFleece-lined\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eExterior Pocket\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eZippered quick-access pocket\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eSide Pockets\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eExpandable\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"spk-row\"\u003e\n\u003cdiv class=\"spk-key\"\u003eDetail\u003c\/div\u003e\n\u003cdiv class=\"spk-val\"\u003eExterior webbing detail\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Dakine","offers":[{"title":"Mayhem Marron","offer_id":52344259674432,"sku":"D.101.3965.918.OS","price":78.65,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/7487\/5549\/files\/CAMPUSPREMIUMBACKPACK28LXMAYHEM-MAYHEMMARRON-194626603063_10004714_MAYHMARRON-62X_MAIN_2000x_8895339d-d05b-4819-a5a5-59cb5776bc7a.webp?v=1781898289","url":"https:\/\/spokex.com\/products\/campus-premium-backpack-28l-x-mayhem","provider":"SX Collective","version":"1.0","type":"link"}