Model Y Juniper Expandable Trunk Organizer Foldable Trunk Cargo Storage Organizer

A closer look

Details that help you choose

【Custom Fit】Designed specifically for the 2025.03+ Tesla Model Y Juniper rear cargo area, the EVBASE expandable trunk organizer follows the contours of the trunk floor, wheel arches, and rear threshold for a secure fit. It stays in place during daily driving without shifting or creating unwanted noise.
【Expandable Storage for Everyday Flexibility】The expandable design allows you to adjust the organizer to match different storage needs. Expand it to organize groceries, camping equipment, or travel gear, or reduce its footprint to leave more room for larger luggage. The EVBASE expandable trunk organizer adapts easily to both everyday errands and longer road trips.【Customizable Storage Compartments】Removable dividers create multiple storage sections for organizing tools, charging accessories, snacks, car care supplies, emergency equipment, or outdoor gear. Rearrange the compartments as needed to keep everything organized and easy to access.【Water-Resistant and Easy to Clean】Unlike fabric storage bags that can absorb spills and stains, the enclosed storage design helps contain liquids and protects the original trunk carpet from dirt and moisture. Simply wipe the surface clean after everyday use, making maintenance quick and hassle-free.【Folds Flat When Not in Use】When extra cargo space is needed, the EVBASE trunk storage bin folds completely flat within seconds. The slim folded profile takes up minimal space and allows continued access to the lower trunk storage compartment without adding unnecessary bulk.【Helps Protect the Original Trunk Interior】The structured panels create a protective barrier between stored items and the factory trunk lining, helping reduce scratches and scuffs caused by tools, sports equipment, or heavy cargo. It also keeps loose items contained instead of rolling around while driving.【Stable Storage with a Cleaner Cargo Area】The textured base helps reduce movement during acceleration, braking, and cornering, minimizing sliding and rattling while driving. Whether carrying groceries, travel essentials, or everyday items, the EVBASE storage bins help keep the rear cargo area organized, quieter, and easier to manage.
split
 

Expand for StorageFold Flat for Space
Expand the organizer to keep groceries, tools, and travel gear sorted and easy to reach. When you need room for larger luggage, fold it flat to free up trunk space.

#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 :where(:not(svg,svg *)){all:revert}#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 :where(*, *::before, *::after){box-sizing:revert!important;color:revert!important;font-family:revert!important;font-size:revert!important;font-style:revert!important;font-weight:revert!important;line-height:revert!important;letter-spacing:revert!important;word-spacing:revert!important;text-align:revert!important;text-transform:revert!important;text-decoration:revert!important;text-indent:revert!important;white-space:revert!important;margin:revert!important;padding:revert!important;border:revert!important;border-radius:revert!important;box-shadow:revert!important;display:revert!important;float:revert!important;position:revert!important;inset:revert!important;width:revert!important;height:revert!important;min-width:revert!important;max-width:revert!important;min-height:revert!important;max-height:revert!important;overflow:revert!important;background:revert!important;list-style:revert!important;vertical-align:revert!important;flex:revert!important;grid-area:revert!important;gap:revert!important}#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 :where(svg,svg *){fill:revert!important;fill-opacity:revert!important;fill-rule:revert!important;stroke:revert!important;stroke-width:revert!important;stroke-linecap:revert!important;stroke-linejoin:revert!important;stroke-dasharray:revert!important;stroke-dashoffset:revert!important;stroke-miterlimit:revert!important;stroke-opacity:revert!important;clip-rule:revert!important;paint-order:revert!important;vector-effect:revert!important}#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 :where(*)::before,#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 :where(*)::after{content:none!important}#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 [hidden]{display:none!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222,#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222{margin:0px!important;min-height:100%!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 *{box-sizing:border-box!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d{background:rgb(0, 0, 0)!important;color:rgb(255, 255, 255)!important;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important;padding:12px 0px 0px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__wrap{margin:0px auto!important;max-width:1900px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__title{color:rgb(3, 3, 3)!important;font-size:38px!important;font-weight:700!important;line-height:1.12!important;margin:0px 0px 34px!important;text-align:center!important;white-space:pre-line!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__grid{display:grid!important;gap:30px 37px!important;grid-template-columns:repeat(2, minmax(0px, 1fr))!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card{background:transparent!important;border:0px solid rgb(42, 42, 42)!important;border-radius:0px!important;min-width:0px!important;overflow:hidden!important;padding:0px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__media{aspect-ratio:1 / 1!important;background:rgb(17, 17, 17)!important;border-radius:12px!important;overflow:hidden!important;width:100%!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__image{object-fit:contain!important;object-position:center center!important;vertical-align:top!important;border:0px!important;border-radius:0px!important;box-shadow:none!important;display:block!important;height:100%!important;margin:0px!important;max-width:none!important;padding:0px!important;width:100%!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-title{color:rgb(36, 36, 36)!important;font-size:24px!important;font-weight:700!important;line-height:1.18!important;margin:9px 0px 5px!important;overflow-wrap:anywhere!important;text-align:left!important;white-space:pre-line!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-description{color:rgb(56, 56, 56)!important;font-size:15px!important;line-height:1.35!important;margin:0px!important;overflow-wrap:anywhere!important;text-align:left!important;white-space:pre-line!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d{box-sizing:content-box!important;min-height:0px!important;padding:12px 0px 0px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__wrap{margin:0px auto!important;max-width:1900px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d{font-family:inherit!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__title,#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-title{letter-spacing:0px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__title,#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-title{line-height:1.8!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-description{letter-spacing:0px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-description{line-height:1.6!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__title{color:rgb(3, 3, 3)!important;text-align:center!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d{background:transparent!important}
@container afembed_8cf37c24b6994e6abde00911076c6222 (max-width: 960px) and (min-width: 768px) {#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__grid{grid-template-columns:repeat(2, minmax(0px, 1fr))!important}}
@container afembed_8cf37c24b6994e6abde00911076c6222 (max-width: 767px) {#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d{padding:8px 0px 0px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__title{font-size:29px!important;margin-bottom:30px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__grid{gap:30px 14px!important;grid-template-columns:repeat(2, minmax(0px, 1fr))!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__media{aspect-ratio:1 / 1!important;border-radius:12px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-title{font-size:17px!important;margin-top:5px!important}
#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222#afembed_8cf37c24b6994e6abde00911076c6222 #autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d .autoflow-output-highlights-grid-8c3d5c4c154d4f1e993b9163db916f9d__card-description{font-size:15px!important}}

Key Features

Protect Your Trunk
The panels create a barrier between your cargo and the factory trunk lining, helping reduce scuffs and wear from tools, luggage, and everyday gear.

Keep Gear Separated
Removable dividers let you arrange storage sections around your cargo. Keep shoes apart from clean items and give tools and car care supplies their own space, so everything is easier to find.

(function cssShield(scope) {
const anchor = `#${scope}#${scope}#${scope}`;
const animated = new Set();
const paintProperties = [
"fill",
"fill-opacity",
"fill-rule",
"stroke",
"stroke-width",
"stroke-linecap",
"stroke-linejoin",
"stroke-dasharray",
"stroke-dashoffset",
"stroke-miterlimit",
"stroke-opacity",
"clip-rule",
"paint-order",
"vector-effect",
];
const resetProperties = [
"box-sizing",
"color",
"font-family",
"font-size",
"font-style",
"font-weight",
"line-height",
"letter-spacing",
"word-spacing",
"text-align",
"text-transform",
"text-decoration",
"text-indent",
"white-space",
"margin",
"padding",
"border",
"border-radius",
"box-shadow",
"display",
"float",
"position",
"inset",
"width",
"height",
"min-width",
"max-width",
"min-height",
"max-height",
"overflow",
"background",
"list-style",
"vertical-align",
"flex",
"grid-area",
"gap",
];
const animationProperty = (property) =>
animated.has(property) ||
[...animated].some((name) => name.startsWith(property + "-"));
const reset = () =>
`#${scope}#${scope} :where(:not(svg,svg *)){all:revert}#${scope}#${scope} :where(*, *::before, *::after){${resetProperties
.filter((property) => !animationProperty(property))
.map((property) => property + ":revert!important")
.join(
";",
)}}#${scope}#${scope} :where(svg,svg *){${paintProperties.map((property) => property + ":revert!important").join(";")}}#${scope}#${scope} :where(*)::before,#${scope}#${scope} :where(*)::after{content:none!important}${anchor}#${scope}#${scope} [hidden]{display:none!important}`;
const hostStyle =
"all:initial!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;float:none!important;position:relative!important;isolation:isolate!important;container-type:inline-size!important;direction:ltr!important;unicode-bidi:normal!important;";
function selectors(source, separator = ",") {
const parts = [];
let part = "",
depth = 0,
quote = "",
escaped = false;
for (const c of source) {
if (escaped) {
part += c;
escaped = false;
continue;
}
if (c === "\") {
part += c;
escaped = true;
continue;
}
if (quote) {
part += c;
if (c === quote) quote = "";
continue;
}
if (c === '"' || c === "'") {
quote = c;
part += c;
continue;
}
if (c === "(" || c === "[") depth++;
if (c === ")" || c === "]") depth--;
if (c === separator && depth === 0) {
parts.push(part.trim());
part = "";
} else part += c;
}
if (part.trim()) parts.push(part.trim());
return parts;
}
function declarations(source, process) {
return selectors(source, ";")
.map((declaration) => {
let colon = 0;
for (; colon < declaration.length; colon++) {
if (declaration[colon] === "\") colon++;
else if (declaration[colon] === ":") break;
}
const property = declaration.slice(0, colon).trim();
const raw = declaration.slice(colon + 1).trim();
const important = /!importants*$/i.test(raw);
const value = raw.replace(/s*!importants*$/i, "");
return process(property, value, important);
})
.join(";");
}
function anchored(selector) {
if (!selector.startsWith(anchor)) return false;
let depth = 0,
quote = "";
for (let i = anchor.length; i " || /s/.test(c)) break;
}
return true;
}
function rewrite(source) {
if (/@(?:import|namespace|page|property)b/i.test(source))
throw new Error("Global export CSS is unsupported");
let sheet = new CSSStyleSheet();
if (typeof sheet.replaceSync === "function") sheet.replaceSync(source);
else {
const style = document.createElement("style");
style.media = "not all";
style.textContent = source;
document.head.append(style);
sheet = style.sheet;
style.remove();
}
const names = /* @__PURE__ */ new Map();
function collect(rules) {
for (const rule of Array.from(rules)) {
if (rule.type === 7) {
const name = rule.name;
names.set(name, name.startsWith(`${scope}__`) ? name : `${scope}__${name}`);
for (const frame of Array.from(rule.cssRules)) {
for (const property of Array.from(frame.style)) animated.add(property);
}
}
if (rule.type === 5) {
const name = rule.style
.getPropertyValue("font-family")
.replace(/^['"]|['"]$/g, "");
names.set(
name,
name.startsWith(`${scope}__`)
? name
: `${scope}__${name.replace(/W/g, "_")}`,
);
}
if ("cssRules" in rule && rule.type !== 7) collect(rule.cssRules);
}
}
collect(sheet.cssRules);
function replaceNames(value) {
for (const [name, next] of names) {
value = value.replace(
new RegExp(
`(^|[\s,'"])${name.replace(/[.*+?^${}()|[]\]/g, "\$&")}(?=$|[\s,'"])`,
"g",
),
`$1${next}`,
);
}
return value;
}
function walk(rules) {
return Array.from(rules)
.map((rule) => {
if (rule.type === 1) {
const styleRule = rule;
if (styleRule.cssRules?.length)
throw new Error("Nested export CSS is unsupported");
const scoped = selectors(styleRule.selectorText)
.map((selector) => {
if (anchored(selector)) return selector;
const local = selector
.replace(/^(?:html|body|:root)(?=$|[s.#[:])s*/, "")
.replace(/^body(?=$|[s.#[:])s*/, "");
if (local !== selector && /^[+~]/.test(local))
throw new Error("Export selector escapes template");
return `${anchor}${local ? ` ${local}` : ""}`;
})
.join(",");
const protectedDeclarations = declarations(
styleRule.style.cssText,
(property, raw, important) => {
let value = replaceNames(raw);
if (!/lightbox/.test(styleRule.selectorText))
value = value.replace(/(-?(?:d*.)?d+)vwb/g, "$1cqw");
return `${property}:${value}${animationProperty(property) && !important ? "" : "!important"}`;
},
);
return `${scoped}{${protectedDeclarations}}`;
}
if (rule.type === 7) {
const frames = rule;
return frames.cssText.replace(
/^(?:@keyframes|@-webkit-keyframes)s+[^s{]+/,
`@keyframes ${names.get(frames.name)}`,
);
}
if (rule.type === 5) return replaceNames(rule.cssText);
if ("cssRules" in rule) {
const group = rule;
let header = rule.cssText.slice(0, rule.cssText.indexOf("{"));
if (
/^@mediab/.test(header) &&
/bwidths*:/.test(header) &&
!/height|orientation|prefers-|hover|pointer|print|resolution|,/.test(
header,
)
) {
header = header.replace(
/^@medias*(?:screens+ands*)?/,
`@container ${scope} `,
);
}
if (!/^@(?:media|supports|container)b/.test(header))
throw new Error("Global export CSS is unsupported");
return `${header}{${walk(group.cssRules)}}`;
}
throw new Error("Global export CSS is unsupported");
})
.join("n");
}
return walk(sheet.cssRules);
}
function protectInline(element, preserveResponsiveFont = false) {
if (!("style" in element)) return;
if (element.namespaceURI === "http://www.w3.org/2000/svg") {
for (const property of paintProperties) {
const value = element.getAttribute(property);
if (value !== null && !element.style.getPropertyValue(property))
element.style.setProperty(property, value, "important");
}
}
const serialized = declarations(
element.style.cssText,
// Host editors may materialize desktop font sizes after insertion.
// Keep those normal so the template's responsive CSS can still win.
(property, value, important) =>
`${property}: ${value}${important || !preserveResponsiveFont || property !== "font-size" ? " !important" : ""}`,
);
if (element.getAttribute("style") !== serialized)
element.setAttribute("style", serialized);
}
function mount(host) {
const previous = /* @__PURE__ */ new WeakMap();
function refreshReset() {
const style = host.querySelector(`style[data-autoflow-reset="${scope}"]`);
const next = reset();
if (style && style.textContent !== next) style.textContent = next;
}
function protectStyle(style) {
if (
style.dataset.autoflowReset === scope ||
previous.get(style) === style.textContent
)
return;
const next = rewrite(style.textContent ?? "");
previous.set(style, next);
style.textContent = next;
refreshReset();
}
function protectTree(node) {
protectInline(node, true);
if (node instanceof HTMLStyleElement) protectStyle(node);
node.querySelectorAll("[style],style,svg,svg *").forEach((child) => {
protectInline(child, true);
if (child instanceof HTMLStyleElement) protectStyle(child);
});
}
protectTree(host);
const observer = new MutationObserver((changes) => {
for (const change of changes) {
if (change.type === "attributes") protectInline(change.target, true);
else if (change.target instanceof HTMLStyleElement) protectStyle(change.target);
else
change.addedNodes.forEach((node) => {
if (node instanceof Element) protectTree(node);
});
}
});
const options = {
subtree: true,
childList: true,
attributes: true,
attributeFilter: ["style"],
};
observer.observe(host, options);
window.addEventListener("pagehide", () => observer.disconnect());
window.addEventListener("pageshow", (event) => {
if (event.persisted) {
protectTree(host);
observer.observe(host, options);
}
});
}
return {
rewrite,
mount,
protectInline: (element) => protectInline(element),
get reset() {
return reset();
},
hostStyle,
};
})("afembed_8cf37c24b6994e6abde00911076c6222").mount(document.currentScript.parentElement);

#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 :where(:not(svg,svg *)){all:revert}#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 :where(*, *::before, *::after){box-sizing:revert!important;color:revert!important;font-family:revert!important;font-size:revert!important;font-style:revert!important;font-weight:revert!important;line-height:revert!important;letter-spacing:revert!important;word-spacing:revert!important;text-align:revert!important;text-transform:revert!important;text-decoration:revert!important;text-indent:revert!important;white-space:revert!important;margin:revert!important;padding:revert!important;border:revert!important;border-radius:revert!important;box-shadow:revert!important;display:revert!important;float:revert!important;position:revert!important;inset:revert!important;width:revert!important;height:revert!important;min-width:revert!important;max-width:revert!important;min-height:revert!important;max-height:revert!important;overflow:revert!important;background:revert!important;list-style:revert!important;vertical-align:revert!important;flex:revert!important;grid-area:revert!important;gap:revert!important}#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 :where(svg,svg *){fill:revert!important;fill-opacity:revert!important;fill-rule:revert!important;stroke:revert!important;stroke-width:revert!important;stroke-linecap:revert!important;stroke-linejoin:revert!important;stroke-dasharray:revert!important;stroke-dashoffset:revert!important;stroke-miterlimit:revert!important;stroke-opacity:revert!important;clip-rule:revert!important;paint-order:revert!important;vector-effect:revert!important}#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 :where(*)::before,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 :where(*)::after{content:none!important}#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 [hidden]{display:none!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508{margin:0px!important;min-height:100%!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 *{box-sizing:border-box!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6{background:rgb(252, 252, 249)!important;color:rgb(23, 23, 23)!important;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important;padding:42px 24px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__wrap{margin:0px auto!important;max-width:860px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__header{display:block!important;padding:0px!important;width:100%!important;margin:0px 0px 32px!important;text-align:center!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__title{color:rgb(23, 23, 23)!important;font-size:36px!important;line-height:1.2!important;display:block!important;margin:0px 0px 14px!important;max-width:none!important;padding:0px!important;text-align:center!important;width:100%!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__subtitle{color:rgb(95, 99, 104)!important;font-size:16px!important;line-height:1.6!important;display:block!important;margin:0px!important;max-width:none!important;padding:0px!important;text-align:center!important;width:100%!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__list{display:grid!important;gap:14px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item{background:rgb(255, 255, 255)!important;border:1px solid rgb(223, 227, 232)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important;transition:border-color 0.3s, box-shadow 0.3s!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item:hover,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item[open]{border-color:rgb(23, 23, 23)!important;box-shadow:rgba(11, 124, 232, 0.05) 0px 6px 16px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question{align-items:center!important;color:rgb(23, 23, 23)!important;cursor:pointer!important;display:flex!important;font-size:17px!important;font-weight:700!important;gap:20px!important;justify-content:space-between!important;list-style:none!important;padding:20px!important;text-align:left!important;transition:background-color 0.2s, color 0.2s!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question > span:first-child{flex:1 1 0%!important;text-align:inherit!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question::-webkit-details-marker{display:none!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question:hover{background:rgb(251, 251, 253)!important;color:rgb(23, 23, 23)!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__icon{align-items:center!important;display:flex!important;flex:0 0 auto!important;height:18px!important;justify-content:center!important;transition:transform 0.2s!important;width:18px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__icon-mark{align-items:center!important;color:rgb(23, 23, 23)!important;display:flex!important;font-family:Arial, sans-serif!important;font-size:18px!important;font-weight:400!important;height:100%!important;justify-content:center!important;line-height:1!important;width:100%!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__icon img,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__icon svg{display:block!important;height:100%!important;object-fit:contain!important;width:100%!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item[open] .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__icon{transform:rotate(45deg)}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__answer{border-top:1px solid rgb(237, 240, 242)!important;color:rgb(95, 99, 104)!important;font-size:15px!important;line-height:1.75!important;margin:0px!important;padding:18px 20px 20px!important;text-align:left!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item[open] .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__answer{animation:0.28s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running afembed_8d320bb330db4604a03055291b861508__autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6-faq-reveal!important}
@keyframes afembed_8d320bb330db4604a03055291b861508__autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6-faq-reveal {
0% { opacity: 0; transform: translateY(-6px); }
100% { opacity: 1; transform: translateY(0px); }
}
@container afembed_8d320bb330db4604a03055291b861508 (max-width: 768px) {#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6{padding:48px 16px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__title{font-size:28px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question{font-size:15px!important;padding:20px!important}}
@media (prefers-reduced-motion: reduce) {#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__icon{transition:none!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item[open] .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__answer{animation:auto ease 0s 1 normal none running none!important}}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6{box-sizing:content-box!important;min-height:0px!important;padding:8px 0px 32px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__wrap{margin:0px auto!important;max-width:860px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__title,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__subtitle,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question{letter-spacing:0px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__title,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__subtitle,#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__question{line-height:1.4!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__answer{letter-spacing:0px!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__answer{line-height:1.6!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__title{color:rgb(23, 23, 23)!important;margin-top:0px!important;margin-bottom:14px!important;text-align:center!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__item{background:rgb(255, 255, 255)!important;border-color:rgb(223, 227, 232)!important;box-shadow:none!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6{background:transparent!important}
#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508#afembed_8d320bb330db4604a03055291b861508 #autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6 .autoflow-output-faq-accordion-ca322e658f574d75bbec4fadbb6e06d6__subtitle{color:rgb(95, 99, 104)!important;font-size:16px!important;text-align:center!important}

FAQs

Q1: How can I keep groceries, tools, and other cargo from sliding around in the trunk?+
A1: The EVBASE expandable trunk organizer features adjustable dividers that create dedicated storage compartments for different items. Groceries, tools, cleaning supplies, camping gear, and emergency equipment stay organized instead of rolling around during turns or sudden stops.

Q2: Can I still use the full trunk space when I need to carry larger items?+
A2: Yes. The expandable design lets you adjust the organizer to fit your storage needs, while the removable dividers allow for larger compartments. When maximum cargo space is needed, simply fold the organizer flat within seconds to free up the entire trunk floor.

Q3: Will it fit securely, or will it slide around while driving?+
A3: The rear trunk organizer is designed specifically for the Tesla Model Y Juniper 5-seat models. Its vehicle-specific shape fits neatly against the trunk contours for a secure fit, helping reduce movement and rattling while driving.

Q4: Can I adjust the compartments for different types of cargo?+
A4: Absolutely. The removable divider system allows you to customize the storage layout for groceries, luggage, strollers, sports equipment, camping gear, or everyday essentials. You can easily reconfigure the compartments whenever your storage needs change.

Q5: Will the organizer block access to the lower trunk storage compartment?+
A5: No. The foldable design allows you to access the lower trunk storage area whenever needed. When folded flat, the expandable storage bin takes up very little space and won't interfere with the lower cargo compartment.

Q6: Is it easy to install or remove?+
A6: Yes. No tools, screws, or adhesives are required. Simply place the organizer in the rear cargo area, adjust it to your preferred width, and it's ready to use. It can also be removed or folded away in seconds whenever additional cargo space is needed.

(function cssShield(scope) {
const anchor = `#${scope}#${scope}#${scope}`;
const animated = new Set();
const paintProperties = [
"fill",
"fill-opacity",
"fill-rule",
"stroke",
"stroke-width",
"stroke-linecap",
"stroke-linejoin",
"stroke-dasharray",
"stroke-dashoffset",
"stroke-miterlimit",
"stroke-opacity",
"clip-rule",
"paint-order",
"vector-effect",
];
const resetProperties = [
"box-sizing",
"color",
"font-family",
"font-size",
"font-style",
"font-weight",
"line-height",
"letter-spacing",
"word-spacing",
"text-align",
"text-transform",
"text-decoration",
"text-indent",
"white-space",
"margin",
"padding",
"border",
"border-radius",
"box-shadow",
"display",
"float",
"position",
"inset",
"width",
"height",
"min-width",
"max-width",
"min-height",
"max-height",
"overflow",
"background",
"list-style",
"vertical-align",
"flex",
"grid-area",
"gap",
];
const animationProperty = (property) =>
animated.has(property) ||
[...animated].some((name) => name.startsWith(property + "-"));
const reset = () =>
`#${scope}#${scope} :where(:not(svg,svg *)){all:revert}#${scope}#${scope} :where(*, *::before, *::after){${resetProperties
.filter((property) => !animationProperty(property))
.map((property) => property + ":revert!important")
.join(
";",
)}}#${scope}#${scope} :where(svg,svg *){${paintProperties.map((property) => property + ":revert!important").join(";")}}#${scope}#${scope} :where(*)::before,#${scope}#${scope} :where(*)::after{content:none!important}${anchor}#${scope}#${scope} [hidden]{display:none!important}`;
const hostStyle =
"all:initial!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;float:none!important;position:relative!important;isolation:isolate!important;container-type:inline-size!important;direction:ltr!important;unicode-bidi:normal!important;";
function selectors(source, separator = ",") {
const parts = [];
let part = "",
depth = 0,
quote = "",
escaped = false;
for (const c of source) {
if (escaped) {
part += c;
escaped = false;
continue;
}
if (c === "\") {
part += c;
escaped = true;
continue;
}
if (quote) {
part += c;
if (c === quote) quote = "";
continue;
}
if (c === '"' || c === "'") {
quote = c;
part += c;
continue;
}
if (c === "(" || c === "[") depth++;
if (c === ")" || c === "]") depth--;
if (c === separator && depth === 0) {
parts.push(part.trim());
part = "";
} else part += c;
}
if (part.trim()) parts.push(part.trim());
return parts;
}
function declarations(source, process) {
return selectors(source, ";")
.map((declaration) => {
let colon = 0;
for (; colon < declaration.length; colon++) {
if (declaration[colon] === "\") colon++;
else if (declaration[colon] === ":") break;
}
const property = declaration.slice(0, colon).trim();
const raw = declaration.slice(colon + 1).trim();
const important = /!importants*$/i.test(raw);
const value = raw.replace(/s*!importants*$/i, "");
return process(property, value, important);
})
.join(";");
}
function anchored(selector) {
if (!selector.startsWith(anchor)) return false;
let depth = 0,
quote = "";
for (let i = anchor.length; i " || /s/.test(c)) break;
}
return true;
}
function rewrite(source) {
if (/@(?:import|namespace|page|property)b/i.test(source))
throw new Error("Global export CSS is unsupported");
let sheet = new CSSStyleSheet();
if (typeof sheet.replaceSync === "function") sheet.replaceSync(source);
else {
const style = document.createElement("style");
style.media = "not all";
style.textContent = source;
document.head.append(style);
sheet = style.sheet;
style.remove();
}
const names = /* @__PURE__ */ new Map();
function collect(rules) {
for (const rule of Array.from(rules)) {
if (rule.type === 7) {
const name = rule.name;
names.set(name, name.startsWith(`${scope}__`) ? name : `${scope}__${name}`);
for (const frame of Array.from(rule.cssRules)) {
for (const property of Array.from(frame.style)) animated.add(property);
}
}
if (rule.type === 5) {
const name = rule.style
.getPropertyValue("font-family")
.replace(/^['"]|['"]$/g, "");
names.set(
name,
name.startsWith(`${scope}__`)
? name
: `${scope}__${name.replace(/W/g, "_")}`,
);
}
if ("cssRules" in rule && rule.type !== 7) collect(rule.cssRules);
}
}
collect(sheet.cssRules);
function replaceNames(value) {
for (const [name, next] of names) {
value = value.replace(
new RegExp(
`(^|[\s,'"])${name.replace(/[.*+?^${}()|[]\]/g, "\$&")}(?=$|[\s,'"])`,
"g",
),
`$1${next}`,
);
}
return value;
}
function walk(rules) {
return Array.from(rules)
.map((rule) => {
if (rule.type === 1) {
const styleRule = rule;
if (styleRule.cssRules?.length)
throw new Error("Nested export CSS is unsupported");
const scoped = selectors(styleRule.selectorText)
.map((selector) => {
if (anchored(selector)) return selector;
const local = selector
.replace(/^(?:html|body|:root)(?=$|[s.#[:])s*/, "")
.replace(/^body(?=$|[s.#[:])s*/, "");
if (local !== selector && /^[+~]/.test(local))
throw new Error("Export selector escapes template");
return `${anchor}${local ? ` ${local}` : ""}`;
})
.join(",");
const protectedDeclarations = declarations(
styleRule.style.cssText,
(property, raw, important) => {
let value = replaceNames(raw);
if (!/lightbox/.test(styleRule.selectorText))
value = value.replace(/(-?(?:d*.)?d+)vwb/g, "$1cqw");
return `${property}:${value}${animationProperty(property) && !important ? "" : "!important"}`;
},
);
return `${scoped}{${protectedDeclarations}}`;
}
if (rule.type === 7) {
const frames = rule;
return frames.cssText.replace(
/^(?:@keyframes|@-webkit-keyframes)s+[^s{]+/,
`@keyframes ${names.get(frames.name)}`,
);
}
if (rule.type === 5) return replaceNames(rule.cssText);
if ("cssRules" in rule) {
const group = rule;
let header = rule.cssText.slice(0, rule.cssText.indexOf("{"));
if (
/^@mediab/.test(header) &&
/bwidths*:/.test(header) &&
!/height|orientation|prefers-|hover|pointer|print|resolution|,/.test(
header,
)
) {
header = header.replace(
/^@medias*(?:screens+ands*)?/,
`@container ${scope} `,
);
}
if (!/^@(?:media|supports|container)b/.test(header))
throw new Error("Global export CSS is unsupported");
return `${header}{${walk(group.cssRules)}}`;
}
throw new Error("Global export CSS is unsupported");
})
.join("n");
}
return walk(sheet.cssRules);
}
function protectInline(element, preserveResponsiveFont = false) {
if (!("style" in element)) return;
if (element.namespaceURI === "http://www.w3.org/2000/svg") {
for (const property of paintProperties) {
const value = element.getAttribute(property);
if (value !== null && !element.style.getPropertyValue(property))
element.style.setProperty(property, value, "important");
}
}
const serialized = declarations(
element.style.cssText,
// Host editors may materialize desktop font sizes after insertion.
// Keep those normal so the template's responsive CSS can still win.
(property, value, important) =>
`${property}: ${value}${important || !preserveResponsiveFont || property !== "font-size" ? " !important" : ""}`,
);
if (element.getAttribute("style") !== serialized)
element.setAttribute("style", serialized);
}
function mount(host) {
const previous = /* @__PURE__ */ new WeakMap();
function refreshReset() {
const style = host.querySelector(`style[data-autoflow-reset="${scope}"]`);
const next = reset();
if (style && style.textContent !== next) style.textContent = next;
}
function protectStyle(style) {
if (
style.dataset.autoflowReset === scope ||
previous.get(style) === style.textContent
)
return;
const next = rewrite(style.textContent ?? "");
previous.set(style, next);
style.textContent = next;
refreshReset();
}
function protectTree(node) {
protectInline(node, true);
if (node instanceof HTMLStyleElement) protectStyle(node);
node.querySelectorAll("[style],style,svg,svg *").forEach((child) => {
protectInline(child, true);
if (child instanceof HTMLStyleElement) protectStyle(child);
});
}
protectTree(host);
const observer = new MutationObserver((changes) => {
for (const change of changes) {
if (change.type === "attributes") protectInline(change.target, true);
else if (change.target instanceof HTMLStyleElement) protectStyle(change.target);
else
change.addedNodes.forEach((node) => {
if (node instanceof Element) protectTree(node);
});
}
});
const options = {
subtree: true,
childList: true,
attributes: true,
attributeFilter: ["style"],
};
observer.observe(host, options);
window.addEventListener("pagehide", () => observer.disconnect());
window.addEventListener("pageshow", (event) => {
if (event.persisted) {
protectTree(host);
observer.observe(host, options);
}
});
}
return {
rewrite,
mount,
protectInline: (element) => protectInline(element),
get reset() {
return reset();
},
hostStyle,
};
})("afembed_8d320bb330db4604a03055291b861508").mount(document.currentScript.parentElement);

Delivery and returns follow our Shipping Policy and 30-day Return & Refund Policy. Ask us to confirm any separate manufacturer warranty for the exact item.

Choosing & using this item

Measure usable cargo space and compare the shape, mounting or retaining method and stated vehicle compatibility.

Check the cargo-floor shape and usable length, width and depth. Some organizers are vehicle-specific; confirm the listed model and retaining arrangement.

Use and care for this item according to its supplied manufacturer instructions. Confirm the exact model, dimensions and selected options above; features not stated for this product are not promised.

Product details in view

Questions before you choose?

Contact [email protected] with the product name and selected option.